/* ====================================================================== * Author: www.vokodesign.com ====================================================================== */ /* css reset */ * {margin:0; padding:0;} *, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} p {line-height:1.8;} img {max-width:100%; border:none; flex-shrink:0; overflow:hidden;} li{ list-style-type: none;} a { color:#1e1e1e; text-decoration:none; transition:all 0.3s ease-out 0s; -webkit-tap-highlight-color:transparent;} a:link { color:#1e1e1e;} a:visited { color:#1e1e1e;} a:hover { text-decoration:none;} a:active { color:#1e1e1e;} .fl { float:left;} .fr { float:right;} .clearf { zoom:1;} .clearf:after { content:''; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;} /*去掉手机按下时默认的灰色*/ button,input,textarea { border:none; outline:none; box-shadow:none!important; -webkit-appearance:none;/* 去除移动端上控件内阴影 */ resize:none;/* 禁止textarea拖拽放大 */ -webkit-tap-highlight-color:rgba(0,0,0,0);/* 取消input瞬间出现灰色背景 */} /*修改表单元素placeholder默认置灰文字颜色*/ .form-control::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder {color:#8d8d8d;} h1, h2, h3, h4, h5, h6, .about_timeline .community-carousel .swiper-slide .author-wrap .role {line-height:1.2125em; text-rendering:optimizelegibility; /*font-family:MyriadPro-Bold,sans-serif;*/ font-weight:600;} html.no-scroll {overflow-y:hidden;} body {} html {overflow:scroll; overflow-x:hidden; font-family:-apple-system,BlinkMacSystemFont,Arial,Verdana,sans-serif;} /***** 字体图标 *****/ @font-face {font-family: 'iconfont'; src: url('images/fonts/font_559608_ollxa9c1dz/iconfont.eot'); src: url('images/fonts/font_559608_ollxa9c1dz/iconfont.eot?#iefix') format('embedded-opentype'), url('images/fonts/font_559608_ollxa9c1dz/iconfont.woff') format('woff'), url('images/fonts/font_559608_ollxa9c1dz/iconfont.ttf') format('truetype'), url('images/fonts/font_559608_ollxa9c1dz/iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont"; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /***** 特殊英文字体 *****/ @font-face { font-family: "MyriadPro-Black"; src: url("images/fonts/MyriadPro-Black/MyriadPro-Black.woff2") format("woff2"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.woff") format("woff"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.ttf") format("truetype"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Bold"; src: url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.woff2") format("woff2"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.woff") format("woff"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.ttf") format("truetype"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-BoldCond"; src: url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.woff2") format("woff2"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.woff") format("woff"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.ttf") format("truetype"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Cond"; src: url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.woff2") format("woff2"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.woff") format("woff"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.ttf") format("truetype"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Light"; src: url("images/fonts/MyriadPro-Light/MyriadPro-Light.woff2") format("woff2"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.woff") format("woff"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.ttf") format("truetype"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Regular"; src: url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.woff2") format("woff2"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.woff") format("woff"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf") format("truetype"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Semibold"; src: url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff2") format("woff2"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff") format("woff"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf") format("truetype"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg") format("svg"); font-weight: normal; font-style: normal; } /****************************************/ /************** 公共 **************/ /***************************************/ /*分栏*/ .row {margin:0 auto; padding:0 20px; max-width:1440px; width:100%;} .page-spiel {margin-bottom:40px; text-align:center;} /*白色文字*/ .text-white{color:#fff;} .pad-top{padding-top:60px;} /*模块标题-单个标题且居中*/ .page-title-simple {} .page-title-simple h3{text-align:center; margin:0;} /*按钮：白色透明*/ a.btn-trans { display:inline-block; padding:10px 40px; position:relative; font-size:16px; color:#ffffff; border:1px solid #ffffff; overflow:hidden; transition:none;-moz-transition:none;/* Firefox 4 */ -webkit-transition:none;/* Safari 和 Chrome */ -o-transition:none;/* Opera */} a.btn-trans span {position:relative; z-index:1; padding-left:2px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */} a.btn-trans span em {font-style:normal; padding-left:5px;} a.btn-trans::before {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; transform:translate3d(0px, 100%, 0px); background:#ffffff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */ } a.btn-trans:hover {color:#111111;} a.btn-trans:hover::before {transform:translateZ(0px);} /*按钮：深色透明 继承自：btn-trans*/ a.btn-trans-black { color:#111111; border:1px solid #333333;} a.btn-trans-black span {} a.btn-trans-black::before {background:#333333;} a.btn-trans-black:hover {color:#ffffff;} a.btn-trans-black:hover::before {} /*按钮：品牌色、填充、有边框 继承自：btn-trans*/ a.btn-trans-brand { color:#ffffff; border:1px solid #009FAB; background:#009FAB;} a.btn-trans-brand span {} a.btn-trans-brand::before {background:#ffffff;} a.btn-trans-brand:hover {color:#009FAB;} a.btn-trans-brand:hover::before {} /*按钮：品牌色、填充、无边框 继承自：btn-trans*/ a.btn-trans-brand-noborder { color:#ffffff; border:none; background:#009FAB;} a.btn-trans-brand-noborder span {} a.btn-trans-brand-noborder::before {background:#ffffff;} a.btn-trans-brand-noborder:hover {color:#009FAB;} a.btn-trans-brand-noborder:hover::before {} /*视频播放*/ .play { display:inline-block; width:60px; height:60px; line-height:60px; font-size:22px; text-align:center; text-indent:5px; color:#ffffff; border:1px solid rgba(255,255,255,1); border-radius:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} /*搜索框*/ .search {} .search form {} .search input {} .search .text { float:left; padding:16px; width:300px; font-size:14px; background:#f2f2f2;} .search .btn {float:right; padding:16px; width:60px; text-indent:-999999px; background:#f2f2f2 url("images/search.svg") no-repeat scroll center center / 30% auto;} /*** 元素 ***/ .btn{ background-color:#222; color:#fff; padding:8px 28px; display:inline-block; font-size:16px; cursor:pointer;} .page-spiel{ text-align:center; margin-bottom:66px;} .page-spiel p{ margin-bottom:0px; font-size:20px;} i { position:relative; top:4px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:24px; text-indent:-20px; line-height:1; transition:all 0.3s ease-out 0s;} /* 分栏 */ .inner_section {margin:auto;} .large-6 {position:relative; width:50%;} .small-12 {position:relative; width:100%;} .column , .columns { position:relative; padding-left:20px; padding-right:20px; float:left; width:100%;} .pad-normal{ padding:40px 0;} .pad-large{ padding-top:100px; padding-bottom:100px;} .mag-normal {margin:40px auto;} .left {float:left!important;} .row:before, .row:after {content:" "; display:table;} .row:after {clear:both;} .large-centered { float:none; margin:auto;} .whalf { width:50%;} /* 按钮 */ .btn-area { margin-top:40px; text-align:center;} a.btn { display:inline-block; position:relative; font-size:16px; padding:15px 50px; text-align:center; color:rgba(255,255,255,1); border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1); text-transform:uppercase;} a.btn_border {border:1px solid rgba(0, 0, 0, 1); background:none;} a.btn_no_border {border:none; border-bottom:1px solid rgba(0, 0, 0, 1); color:#ffffff; border-color:#ffffff; background:none;} a.btn_view_more {color:#1e1e1e; border-color:#ffffff;} a.btn-black { color:rgba(0,0,0,1); background:rgba(255,255,255,1);} /* 下拉框 */ select { cursor:pointer; width:100%; font-size:16px; border-radius:0; outline:none!important; padding:14px; /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: 1px solid rgba(0, 0, 0, 0.1); /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("images/select_arrow_icon.svg") no-repeat right center; background-size:30px auto; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand { display:none; } select option {} /* 特殊字体 */ .nf_1 {font-family:MyriadPro-Black;} .nf_2 {font-family:MyriadPro-Bold;} .nf_3 {font-family:MyriadPro-BoldCond;} .nf_4 {font-family:MyriadPro-Cond;} .nf_5 {font-family:MyriadPro-Light;} .nf_6 {font-family:MyriadPro-Regular;} .nf_7 {font-family:MyriadPro-Semibold;} /* 按钮:查看更多 */ a.more {display:inline-block; width:140px; height:50px; line-height:50px; font-style:14px; text-align:center; border:1px solid rgba(0,0,0,0.1); background:#ffffff;} a.more i { position:relative; top:3px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:20px; text-indent:-20px; line-height:1; /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:all 0.3s ease-out 0s;} a.more i::before {content:"\e900";} a.more:hover { color:#ffffff; border-color:#009FAB; background:#009FAB;} a.more:hover i {text-indent:2px; color:rgba(255,255,255,1);} /**/ a.more_transparent {border:1px solid rgba(255,255,255,0.2); color:#ffffff; background:none;} a.more_transparent:hover { text-indent:10px; border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1);} a.more_transparent:hover i {text-indent:0px;} /* 表单 */ #details-error { display:none; background:#F79900; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;} #form-sent {display:none; background:#4EBD4F; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;} .form .c3 {width:100%; overflow:hidden;} .form .c3 .ic { float:left; width:50%;} .form .c3 h2 {font-size:14px; margin-bottom:20px;} .form label { float:left; margin:0 20px 20px 0;} .form label input[type="radio"] { display:block; float:left; margin:0; padding:0; width:20px; height:20px;} .form label input[type="radio"]:checked {background:#2d80e0;} .form label span { display:block; float:left; height:20px; line-height:20px;} .form .kindly-reminder {font-size:12px; color:#8d8d8d;} .form label.agreement {display:none;} .form label.agreement span {position:relative; width:20px; height:20px; margin-right:5px;} .form label.agreement i {border:1px solid #e0e0e0;} .form label.agreement input {} /*开始：横向多个select*/ .form .c3 .ic_select {} .form .c3 .ic_select .icc {width:50%; float:left; position:relative;} .form .c3 .ic_select .icc:first-child select {border-right:none;} .form .c3 .ic_select .icc:last-child select {border-left-color:rgba(0,0,0,0.1);} .form .c3 .ic_select .icc i { display:block; width:9px; height:9px; position:absolute; right:20px; top:20px; background:url("images/select_arrow_icon.svg") repeat scroll 0 0; background-size:9px auto; background-repeat:no-repeat; background-position:center right;} /*结束：横向多个select*/ .form .c3 .ic_100 {width:100%;} .form .c3 .ic .icc {margin:0 24px 0 0;} .form .c3 .ic:last-child .icc {margin-right:0;} .form input { margin-bottom:20px; width:100%; padding:16px; border-radius:0; font-size:16px; border:1px solid #e0e0e0; background:#ffffff; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .form select {margin-bottom:20px; border-radius:0;} .form textarea { float:left; margin-bottom:20px; width:100%; height:160px; border-radius:0; padding:16px; font-size:14px; border:1px solid rgba(0,0,0,0.2); background:none; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .form .btn { display:inline-block; width:100%; color:#ffffff; border-radius:0; border:1px solid rgba(0,0,0,0); background:#009FAB; transition:all 0.3s ease-out 0s;} .form .btn-light { color:#333333; border:1px solid #f2f2f2; background:#f2f2f2;} .form .btn:hover {opacity:0.9;} .form input:focus , .form textarea:focus { color:#333333; border-color:#009FAB; transition:all 0.3s ease-out 0s;} /* Swiper2.0 sc-box */ .sc-box {position:relative;} .sc-box .arrow-left {background:red; position:absolute; left:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;} .sc-box .arrow-right {background:red; position:absolute; right:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;} /* Swiper2.0 pagination */ .pagination {position:absolute; z-index:20; bottom:10px; width:100%; text-align:center;} .swiper-pagination-switch {display:inline-block; width:8px; height:8px; border-radius:8px; background:#555; margin:0 5px; opacity:0.2; border:1px solid #fff; cursor:pointer;} .swiper-active-switch {opacity:0.5;} /* 返回顶部 */ a.rTop {display:none; width:40px; height:40px; line-height:40px; font-size:28px; color:#ffffff; text-align:center; border-radius:1px; position:fixed; z-index:1; right:20px; bottom:20px; background:rgba(0,0,0,0.5);} a.rTop:hover {background:rgba(0,0,0,1);} /* 分页 */ #pages { margin:60px 0; text-align:center;} #pages a , #pages span {display:inline-block; padding:12px 18px; margin:0 5px; border:1px solid rgba(0,0,0,0.05);} #pages span {background:#009FAB; color:#ffffff;} #pages a:hover {border:1px solid rgba(0,0,0,0.2);} /* 文字上标 */ .s-superscript {} .s-superscript em {vertical-align:super;} /* 16号字 */ .s-superscript-font-16 {} .s-superscript-font-16 em {font-size:16px;} /* 12号字 */ .s-superscript-font-12 {} .s-superscript-font-12 em {font-size:12px;} /***** 当前页面 *****/ #about .navigation .menu > ul > li:nth-child(1) > a {opacity:1!important;} #about .navigation .menu > ul > li:nth-child(1) > a:hover {opacity:1!important;} #news .navigation .menu > ul > li:nth-child(2) > a {color:#009FAB!important;} #news .navigation .menu > ul > li:nth-child(2) > a:hover {opacity:1!important;} #product .navigation .menu > ul > li:nth-child(3) > a {color:#009FAB!important;} #product .navigation .menu > ul > li:nth-child(3) > a:hover {opacity:1!important;} #product-detail .navigation .menu > ul > li:nth-child(3) > a {color:#009FAB!important;} #product-detail .navigation .menu > ul > li:nth-child(3) > a:hover {opacity:1!important;} .sel_support .navigation .menu > ul > li:nth-child(4) > a {color:#009FAB!important;} .sel_support .navigation .menu > ul > li:nth-child(4) > a:hover {opacity:1!important;} #career .navigation .menu > ul > li:nth-child(5) > a {color:#009FAB!important;} #career .navigation .menu > ul > li:nth-child(5) > a:hover {opacity:1!important;} #investor .navigation .menu > ul > li:nth-child(6) > a {color:#009FAB!important;} #investor .navigation .menu > ul > li:nth-child(6) > a:hover {opacity:1!important;} /*广审信息，产品详情页，全局*/ .global-examination {} .global-examination .text {display:flex; justify-content:space-between; align-items:center; text-align:left!important; padding:60px 0;} .global-examination .text p {font-size:14px; line-height:1.8; margin:0; opacity:0.8;} /****************************************/ /************** 首页 **************/ /****************************************/ /* 导航 */ .navigation{ position:fixed; left:0; top:0; z-index:20; width:100%; background:#ffffff; transition:all 0.2s ease-out 0s;} .navigation .row {} .navigation .inner_navigation {position:relative;} .navigation .logo{ float:left; display:block; width:177px; height:30px; margin-top:30px; background:url('images/logo.svg'); background-repeat:no-repeat; background-size:100% auto; background-position:center right; transition:margin 0.3s ease-out 0s;/* LOGO beta尺寸有变化，防止抖动 */} .navigation .beta { width:210px; background-image:url('images/logo_beta.svg');} .navigation .logo img {display:block; width:100%;} .menu{ list-style:none; text-align:right; float:right;} .menu li{ float:left; margin-right:0px; position:relative;} .menu li a{ position:relative; padding:0 25px; font-size:18px; text-align:center; height:90px; line-height:90px; text-transform:uppercase; font-style:normal; text-rendering:optimizeLegibility; display:block; } .menu li a:hover {opacity:0.5;} .menu li:nth-child(4) a::after{display:none;} .menu li i{ display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background:#000000; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/} .menu li i.arrow {/*display:inline-block;*/ display:none; position:relative; top:1px; margin-right:-16px; margin-left:3px; width:auto; height:auto; text-indent:0; opacity:1; color:rgba(0,0,0,0.3); font-size:18px; line-height:1; background:none; transition:all 0.3s ease-out 0s;} .menu li.language {margin-left:110px; display:flex;} .menu li.language a { float:left; padding:0 15px; font-size:14px; opacity:0.5;} .menu li.language a.on { opacity:1;} .menu li.language .nav_submenu li a {float:none;} /* 默认二级菜单：白色 */ .menu li .nav_submenu { visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:90px; width:100%; background:#ffffff; box-shadow:0 0 50px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;} .menu li .nav_submenu li {float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .menu li .nav_submenu li a { opacity:0.8; padding:0; height:50px; line-height:50px; font-size:17px; border-bottom:1px solid rgba(0,0,0,0.05);} .menu li .nav_submenu li:last-child a {border:none;} .menu li a.smooth-scroll {cursor:default;} .menu li .nav_submenu li:hover a { opacity:1;} .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);} /* 默认：首页透明导航 */ .sel-home .navigation{background:none;} .sel-home .navigation .row {} .sel-home .navigation .inner_navigation {} .sel-home .navigation .logo {background-image:url('images/logo_white.svg');} .sel-home .navigation .beta {background-image:url('images/logo_white_beta.svg');} .sel-home .navigation .logo:hover {opacity:1;} .sel-home .navigation .logo img {} .sel-home .menu li {} .sel-home .menu li a {color:#ffffff; opacity:0.8;} .sel-home .menu li a:hover {opacity:1;} .sel-home .menu li i {background:#ffffff; opacity:0.2;} .sel-home .menu li .arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;} /* 导航切换样式:全局; */ .sticky-nav {box-shadow:0 10px 20px rgba(0, 0, 0, 0.05); border:none; background:#FFFFFF; } .sticky-nav .logo {margin-top:20px;} .sticky-nav li a {height:70px; line-height:70px; color:rgba(0,0,0,1);} .sticky-nav li:last-child a {border:none;} .sticky-nav li a i {background:#000000; opacity:0.1;} .sticky-nav li a i.arrow { opacity:1; color:rgba(0,0,0,0.3); background:none;} .sticky-nav .menu li .nav_submenu { top:69px; background:#ffffff; box-shadow:0 0 50px rgba(0,0,0,0.2);} .sticky-nav .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);} .sticky-nav .menu li .nav_submenu li a {height:50px; line-height:50px; border-bottom:1px solid rgba(0,0,0,0.05);} .sticky-nav .menu li .nav_submenu li a:hover {/*color:#009FAB!important;*/} /* 首页、走进开立透明二级菜单-normal */ .sel-home .menu li .nav_submenu , .sel-about .menu li .nav_submenu {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:80px; width:100%; background:url("images/nav-ul-arrow.svg") no-repeat center top; box-shadow:none; -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;} .sel-home .menu li .nav_submenu li , .sel-about.menu li .nav_submenu li {float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .sel-home .menu li .nav_submenu li a , .sel-about .menu li .nav_submenu li a { opacity:0.8; padding:0; height:50px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.1);} .sel-home .menu li .nav_submenu li:last-child a , .sel-about .menu li .nav_submenu li:last-child a {border:none;} .sel-home .menu li a.smooth-scroll , .sel-about .menu li a.smooth-scroll {cursor:default;} .sel-home .menu li .nav_submenu li:hover , .sel-about .menu li .nav_submenu li:hover {} .sel-home .menu li .nav_submenu li:hover a , .sel-about .menu li .nav_submenu li:hover a { opacity:1;} .sel-home .menu li .nav_submenu:after , .sel-about .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 0.2);} /* 首页、走进开立透明二级菜单-sticky */ #home .sticky-nav .menu li .nav_submenu {top:69px; background:#FFFFFF; box-shadow:0 0 50px rgba(0, 0, 0, 0.2);} #home .sticky-nav .menu li .nav_submenu:after {border-bottom-color:rgba(255, 255, 255, 1);} #about .sticky-nav .menu li .nav_submenu {top:69px; background:#FFFFFF; box-shadow:0 0 50px rgba(0, 0, 0, 0.2);} #about .sticky-nav .menu li .nav_submenu:after {border-bottom-color:rgba(255, 255, 255, 1);} /* 全屏Banner */ #home .swiper-container {} #home .swiper-slide { cursor:move; cursor:grab; background-color:#009FAB; background-attachment:scroll; background-position:center center; background-size:cover; overflow:hidden; } #home .cell-1 { background:#1e1e1e url("images/banner-1.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-2 { background:#1e1e1e url("images/banner-2.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-3 { background:#1e1e1e url("images/banner-3.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-4 { background:#1e1e1e url("images/banner-4.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-5 { background:#1e1e1e url("images/banner-5.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-6 { background:#1e1e1e url("images/banner-6.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-7 { background:#1e1e1e url("images/banner-7.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .swiper-wrapper {} #home .swiper-slide .text { position:absolute; z-index:3; left:50%; top:50%; width:60%; margin-left:-32%; text-align:center; color:#ffffff; opacity:0;} #home .swiper-slide .text h1 { margin-bottom:10px; font-size:72px;} #home .swiper-slide .text p {margin:0; font-size:32px; line-height:1;} #home .swiper-slide .ma {display:none;} #home .swiper-slide .btn-area {} #home .swiper-slide .btn-area a { background:url("images/transition_btn_bg.png"); background-repeat:repeat-x; opacity:0.6; transition:all 0.3s ease-out 0s;} #home .swiper-slide .btn-area a:hover { color:#ffffff; opacity:1;} #home .swiper-slide .btn-area a:hover::before {display:none;} #home .swiper-slide .mask {width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:#000000; opacity:0;} /* 当前幻灯片设置动画 */ #home .swiper-slide-active .text { opacity:1; margin-left:-30%;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */} /**/ .swiper-button-next, .swiper-button-prev {width:50px; height:80px; margin-top:-40px;} .swiper-button-next:hover, .swiper-button-prev:hover {background-color:rgba(0,0,0,0.5); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:20px; background-image:url("images/prev.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; background-image:url("images/next.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;} .swiper-button-next::after, .swiper-button-prev::after {display:none;} /**/ .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;} .swiper-pagination-bullet {background:#ffffff; opacity:0.2;} .swiper-pagination-bullet-active {opacity:1;} .swiper-lazy-preloader {border:none; width:32px; height:32px; margin-left:-16px; margin-top:-16px; background-image:url("images/loading.png"); background-size:100% auto; background-repeat:no-repeat; background-position:center;} /* video */ .video {} .video svg {position:absolute; left:50%; bottom:40px; z-index:999996; width:40px; height:40px;} .video svg path {fill:#ffffff;} .video .mask {width:100%; position:absolute; left:0; top:0; z-index:7; background:rgba(0,0,0,0.2);} .video video { width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);} .video .text {position:absolute; left:0; z-index:98; color:#ffffff; width:100%;} .video .text h1 { margin:2% auto 0; font-size:5em; letter-spacing:4px; padding-left:4px;/*补letter-spacing负值*/ font-weight:normal; line-height:1.2; width:70%;} .video .text p {font-size:3em; letter-spacing:8px; text-align:center;} /* 首页：产品类型 */ .p-type {} .p-type ul {display:flex; flex-wrap:wrap;} .p-type ul li {width:25%; border-right:1px solid #f2f2f2;} .p-type ul li:last-child {border:none;} .p-type ul li a { display:block; padding:80px 0 60px; background:#ffffff;} .p-type ul li a .a-inner {transition: all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s; /* Opera */} .p-type ul li a img {display:block; margin:auto; width:50%;} .p-type ul li a h4 {text-align:center; padding:40px 0; font-size:22px;} /**/ .p-type ul li a:hover .a-inner { z-index:2; -webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} /* 首页：产品特性 */ .spec {margin-bottom:100px; padding:100px 0 40px; background:#ffffff url("images/spec-bg.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-bg {display:none; height:100px; background:#000;} .spec .spec-box {} .spec .spec-box h2 {margin-bottom:100px; position:relative; color:#ffffff; text-align:center; font-size:44px;} .spec .spec-box h2 em {display:inline-block; margin:0 10px; vertical-align:middle; font-style:normal; width:44px; height:44px; position:relative;} .spec .spec-box h2 em::before , .spec .spec-box h2 em::after {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; content:""; width:50%; height:1px; background:#ffffff;} .spec .spec-box h2 em::before {transform:rotate(45deg);} .spec .spec-box h2 em::after {transform:rotate(-45deg);} .spec .spec-box ul {} .spec .spec-box ul li {float:left; width:33.333333%; overflow:hidden;} .spec .spec-box ul li a {display:block; position:relative; margin-right:20px; height:450px; position:relative; display:block; padding:80px 40px; text-align:center;} .spec .spec-box ul li a::before {opacity:0; position:absolute; left:0; top:0; content:""; width:100%; height:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} /*1*/ .spec .spec-box ul li:nth-child(1) a { text-align:left; background:url("images/spec-box-bg-1.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(1) a::before {background:url("images/spec-box-bg-1-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /*2*/ .spec .spec-box ul li:nth-child(2) a { text-align:center; background:url("images/spec-box-bg-2.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(2) a .text {left:0; top:50px; width:100%;} .spec .spec-box ul li:nth-child(2) a::before {background:url("images/spec-box-bg-2-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /*3*/ .spec .spec-box ul li:nth-child(3) a { text-align:left; background:url("images/spec-box-bg-3.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(3) a::before {background:url("images/spec-box-bg-3-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /*4*/ .spec .spec-box ul li:nth-child(4) a {background:url("images/spec-box-bg-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(4) a .text {left:0; top:50px; width:100%;} .spec .spec-box ul li:nth-child(4) a img {width:100%; margin:80px auto 0;} .spec .spec-box ul li:nth-child(4) a::before {background:url("images/spec-box-bg-4-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li a .text {position:absolute; left:40px; bottom:40px;} .spec .spec-box ul li a img { opacity:0; margin-bottom:5px; font-size:64px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;} .spec .spec-box ul li a h3 { opacity:0; margin-bottom:8px; font-size:64px; color:#ffffff; line-height:1; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;} .spec .spec-box ul li a h6 { opacity:0; margin-bottom:20px; font-size:36px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;} .spec .spec-box ul li a p { color:#ffffff; line-height:1.5; opacity:0; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s; } .spec .spec-box ul li:nth-child(2) a h3 {margin-bottom:15px;} .spec .spec-box ul li:nth-child(2) a p {position:relative; padding-top:10px; font-size:64px; font-weight:bold; line-height:1;} .spec .spec-box ul li:nth-child(2) a p:before {content:""; position:absolute; left:50%; top:0; width:40px; margin-left:-20px; height:2px; background:#ffffff;} /*hover*/ .spec .spec-box ul li a:hover::before {opacity:1;} .spec .spec-box ul li a:hover span { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover i { margin:10px auto; opacity:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover h3 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover h6 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover p { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover img { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} /* 品牌故事墙 */ .p-story {} .p-story h1 {font-size:44px; text-align:center; margin-bottom:60px;} .p-story ul {} .p-story ul li { float:left; width:50%;} .p-story ul li a {display:block; height:100%; position:relative; background:#f8f8f8; overflow:hidden;} .p-story ul li a .imgbox {float:left; width:50%; text-align:center; position:relative; overflow:hidden;} .p-story ul li a .img { width:100%; text-align:center; position:relative; transition:all 0.3s ease-out 0s;} .p-story ul li a .img .play-p-story {display:none; position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-30px;} .p-story ul li a .imgbox::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%;} .p-story ul li:nth-child(1) a .imgbox::after , .p-story ul li:nth-child(2) a .imgbox::after { content:""; position:absolute; right:-10px; top:34px; margin-bottom:-10px; width:0; height:0; border-right:20px solid #f8f8f8; border-top:20px solid transparent; border-bottom:20px solid transparent; transition:all 0.3s ease-out 0s;} .p-story ul li:nth-child(3) a .imgbox::after , .p-story ul li:nth-child(4) a .imgbox::after { content:""; position:absolute; left:-10px; top:34px; margin-bottom:-10px; width:0; height:0; border-left:20px solid #f8f8f8; border-top:20px solid transparent; border-bottom:20px solid transparent; transition:all 0.3s ease-out 0s;} .p-story ul li a .text { float:right; width:50%; padding:40px 40px 0; text-align:left;} .p-story ul li a .text h2 {font-size:22px; margin-bottom:10px; transition:all 0.3s ease-out 0s; } .p-story ul li a .text p {font-size:16px; height:120px; overflow:hidden; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/ transition:all 0.3s ease-out 0s;} .p-story ul li a img {display:block; width:100%;} /* .p-story ul li:nth-child(1) a .img {background:url("../images/p-story-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-story ul li:nth-child(2) a .img {background:url("../images/p-story-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-story ul li:nth-child(3) a .img {background:url("../images/p-story-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-story ul li:nth-child(4) a .img {background:url("../images/p-story-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} */ .p-story ul li:nth-child(3) a .imgbox {float:right;} .p-story ul li:nth-child(3) a .text {float:left;} .p-story ul li:nth-child(4) a .imgbox {float:right;} .p-story ul li:nth-child(4) a .text {float:left;} /**/ .p-story ul li a:hover { z-index:1; background:#009FAB;} .p-story ul li a:hover .img {transform:scale(1.1,1.1);} .p-story ul li a:hover .img::before {opacity:0;} .p-story ul li:nth-child(1) a:hover .imgbox::after , .p-story ul li:nth-child(2) a:hover .imgbox::after { border-right-color:#009FAB;} .p-story ul li:nth-child(3) a:hover .imgbox::after , .p-story ul li:nth-child(4) a:hover .imgbox::after { border-left-color:#009FAB;} .p-story ul li a:hover .text {color:#ffffff;} .p-story ul li a:hover .text p {} .p-story ul li a:hover .play {background:#ffffff; color:#333333;} /* 视频 */ .player { display:none; position:fixed; border-radius:2px; z-index:999999; left:0; top:50%; width:100%; height:100%; background:#000000; overflow:hidden;} .player .inner_player { width:100%; height:100%; overflow:hidden;} .player .close { color:#ffffff; font-size:28px; position:absolute; z-index:999999; right:0; top:0; display:block; width:80px; height:80px; line-height:80px; text-align:center; cursor:pointer; } .player .close:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .player video {width:100%; height:100%;} .player_bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; filter:Alpha(opacity=80);/*IE8*/ width:100%; height:100%;} .player iframe {width:100%; height:100%;} /* 版权 */ .copyright {border-top:1px solid #f5f5f5; background:#ffffff;} .copyright .inner-copyright {padding:100px 0 30px;} /**/ .copyright .fl {width:65%;} .copyright .fl p { font-size:14px; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/} .copyright .fl .fl {width:65%;} .copyright .fl .fr {width:20%;} .copyright .fl .fr h4 {font-size:14px; margin-bottom:20px;} .copyright .fl .fr ul {} .copyright .fl .fr ul li {margin:0 0 10px 0;} .copyright .fl .fr ul li a {font-size:14px; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/} .copyright .fl .fr ul li a:hover {opacity:0.4; filter:Alpha(opacity=40);/*IE8*/} /**/ .copyright .fr {width:35%;} .copyright .fr .fl {width:45%;} .copyright .fr .fl .cate {} .copyright .fr .fl .cate h4 {} .copyright .fr .fl ul {margin-top:-4px; overflow:hidden;} .copyright .fr .fl ul li {float:left; width:75%; padding-right:50px; text-align:center;} .copyright .fr .fl ul li p { margin-top:3px; line-height:1; opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .copyright .fr .fl ul li a {} .copyright .fr .fl ul li a:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .copyright .fr .fr {width:55%;} .copyright .fr .fr h4 { font-size:12px; font-weight:normal; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/} .copyright .fr .fr p {margin:6px 0 20px 0; line-height:1; font-weight:bold; overflow-wrap:break-word;} .copyright .fr .fr p a {font-size:16px;} .copyright .fr .fr p a:hover {text-decoration:underline;} .copyright .fr .fr ul {margin-top:18px;} .copyright .fr .fr ul li { width:30%; text-align:center;} .copyright .fr .fr ul li img {display:block; width:100%; overflow:hidden;} .copyright .fr .fr ul li p { margin-top:4px; font-size:12px; opacity:0.3; text-align:center;} .copyright .beian {margin-top:30px; padding:30px 0 0; border-top:1px solid #f5f5f5;} .copyright .beian p { font-size:12px; opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .copyright .beian p span {opacity:0.4;filter:Alpha(opacity=40);/*IE8*/} .copyright .beian a { padding:0 2px 0 2px; text-decoration:underline;} .copyright .beian em { font-style:normal; opacity:0.2;} .copyright .beian a:hover {opacity:0.5;} /*home sticky-nav*/ #home .sticky-nav {background:#FFFFFF;} #home .sticky-nav .logo {background-image:url('images/logo.svg');} #home .sticky-nav .beta {background-image:url('images/logo_beta.svg');} #home .sticky-nav .menu li a {color:#1e1e1e;} /**/ /****************************************/ /************** 内页 **************/ /****************************************/ /* 内页公共：栏目banner */ .temp_banner {margin-top:90px; width:100%; position:relative; background-color:rgba(0, 0, 0, 1.0); background-position:center center; background-repeat:no-repeat; background-size:cover;} .temp_banner:before {position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:rgba(0, 0, 0, 0);} .temp_banner .inner_section {position:relative; height:100%;} .temp_banner .page-title{padding:250px 0; text-align:center;} .temp_banner .page-title h1{font-size:90px; color:#ffffff; line-height:1.2;} .temp_banner .page-title p{margin-top:10px; width:80%; line-height:1.2; font-size:24px; color:#ffffff;} /* 侧栏 */ .temp_main .sidebar {width:20%;} .temp_main .sidebar ul {} .temp_main .sidebar ul li {} .temp_main .sidebar ul li a {display:block; padding-left:40px; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f2f2f2;} .temp_main .sidebar ul li.current a { color:#ffffff; color:#009FAB;} /* 锚点组 */ .anchor-list { width:100%; text-align:center; background:#ffffff;} .anchor-list .row {} .anchor-list .swiper-slide {width:auto!important;} .anchor-list .al { font-size:0;/*解决a标签换行后产生空白问题*/} .anchor-list a {display:inline-block; margin:20px 20px 20px 0; padding:0 30px; height:44px; line-height:44px; font-size:16px; background:#f8f8f8; overflow:hidden;} .anchor-list a:hover { color:#ffffff; background:#009FAB;} .anchor-list a.on {/*color:#ffffff; background:#009FAB;*/} a.anchor {display:block; height:0; position:relative; top:-70px;/*负值：导航高度*/ overflow:hidden;} /* 敬请期待 */ .page-blank {padding:200px 20px 200px; text-align:center;} .page-blank .picon { margin:0 auto 20px; display:block; width:100px; height:100px; background:url("images/picon.svg") no-repeat scroll top center / 100% auto; opacity:0.2;} .page-blank h6 { font-size:22px; font-weight:normal;} .page-blank p { font-size:18px; opacity:0.5;} /***** 走进开立 *****/ #about {} #about .navigation {background:none;} #about .navigation .logo {background-image:url('images/logo_white.svg');} #about .navigation .beta {background-image:url('images/logo_white_beta.svg');} #about .navigation .logo:hover {opacity:1;} #about .menu li a {color:#ffffff; opacity:0.8;} #about .menu li a:hover {opacity:1;} #about .menu li i {background:#ffffff; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/} #about .menu li i.arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;} #about .menu li .nav_submenu li a {} /*about sticky-nav*/ #about .sticky-nav {background:#FFFFFF;} #about .sticky-nav .logo {background-image:url('images/logo.svg');} #about .sticky-nav .beta {background-image:url('images/logo_beta.svg');} #about .sticky-nav .menu li a {color:#1e1e1e;} /**/ #about .temp_main { padding:0;} .about-group {} #anchor-list-about{ display:none; position:fixed; left:0; top:0; z-index:9; background:#f8f8f8;} #anchor-list-about.target-fix {display:block;} /**/ .about-group .ag-1 { padding:100px 0 0; text-align:center;margin:0; height:700px; background-color:#009FAB; background-image:url("../images/ag-1.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;} .about-group .ag-1 .text {margin-top:200px;} .about-group .ag-1 .text h1 {font-size:72px; color:#ffffff; text-shadow: 0 5px 20px #8d8d8d;} .about-group .ag-1 .text p {font-size:44px; color:#ffffff; text-shadow: 0 5px 20px #8d8d8d;} /**/ .about-group .ag-2 { padding:150px 0 200px; text-align:center;} .about-group .ag-2 .text {} .about-group .ag-2 .text p { margin:0 auto 100px; font-size:32px; width:50%;} .about-group .ag-2 .text p span {font-size:32px; color:#de8911; padding:0 5px; font-family:MyriadPro-BoldCond;} .about-group .ag-2 .img {} .about-group .ag-2 .img h2 {font-size:72px;} .about-group .ag-2 .img ul {margin-top:50px;} .about-group .ag-2 .img ul li {float:left; width:25%;} .about-group .ag-2 .img ul li .inner {} .about-group .ag-2 .img ul li .inner img {display:block; width:150px; height:auto; margin:auto; border-radius:100%;} .about-group .ag-2 .img ul li .inner h3 { margin-top:30px; font-size:22px;} /**/ .about-group .ag-3 {padding:100px 0 50px; text-align:center; background:#f1f1f1;} .about-group .ag-3 h1 { font-size:72px;} .about-group .ag-3 .img {} .about-group .ag-3 .img .lr { margin:40px auto 0; overflow:hidden;} .about-group .ag-3 .img .lr h2 { font-size:44px; color:#00b1ad;} .about-group .ag-3 .img .lr .line { margin:20px auto 20px; width:80%; height:1px; background:#000000;} .about-group .ag-3 .img .lr p { font-size:22px; color:#8d8d8d; line-height:1.4;} .about-group .ag-3 .img .lr h3 {display:inline-block; line-height:1; font-size:120px; position:relative;} .about-group .ag-3 .img .lr h3 i {display:inline-block; position:absolute; right:-20px; top:10px; width:10px; height:10px;} .about-group .ag-3 .img .lr h3 i::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:1.5px; background:#000000;} .about-group .ag-3 .img .lr h3 i::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:1.5px; height:100%; background:#000000;} .about-group .ag-3 .img .lr .l { float:left; width:50%;} .about-group .ag-3 .img .lr .l h2 {margin-bottom:40px;} .about-group .ag-3 .img .lr .r { float:right; width:50%;} .about-group .ag-3 .img .lr .r .cbox {overflow:hidden;} .about-group .ag-3 .img .lr .r .c {float:left; width:50%;} .about-group .ag-3 .img .citys {} /**/ .about-group .ag-4 {padding:150px 0; text-align:center;} .about-group .ag-4 .shead {} .about-group .ag-4 .shead h2 {font-size:72px;} .about-group .ag-4 .shead p {width:55%; font-size:28px; margin:40px auto 50px;} .about-group .ag-4 h2 {font-size:120px;} .about-group .ag-4 h3 {font-size:44px; color:#00b1ad;} .about-group .ag-4 .line { margin:40px auto; height:40px; width:62%; position:relative; border-bottom:1px solid #333333;} .about-group .ag-4 .line .vline {width:1px; height:40px; position:absolute; left:50%; bottom:0; background:#333333;} .about-group .ag-4 .text { margin:auto; width:75%; overflow:hidden;} .about-group .ag-4 .text h2 {font-size:72px; display:inline-block; position:relative; color:#333333; line-height:1.2;} .about-group .ag-4 .text h2 i {display:inline-block; position:absolute; right:-20px; top:10px; width:10px; height:10px;} .about-group .ag-4 .text h2 i::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:1.5px; background:#000000;} .about-group .ag-4 .text h2 i::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:1.5px; height:100%; background:#000000;} .about-group .ag-4 .text p {font-size:24px;} .about-group .ag-4 .l {float:left; width:50%;} .about-group .ag-4 .r {float:left; width:50%;} .about-group .ag-4 .desc {width:60%; margin:40px auto 0; font-size:28px;} /**/ .about-group .ag-5 { padding:150px 0; text-align:center; color:#ffffff; background:url("../images/ag-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .about-group .ag-5 h2 { font-size:72px;} .about-group .ag-5 h3 { font-size:44px; margin-bottom:100px;} .about-group .ag-5 p {font-size:28px; width:60%; margin:auto;} /**/ .about-group .ag-6 {padding:150px 0; text-align:center;} .about-group .ag-6 .title {margin-bottom:40px;} .about-group .ag-6 .title p {font-size:28px;} .about-group .ag-6 .title h2 { margin:10px 0 20px; font-size:72px; color:#00b1ad;} .about-group .ag-6 .title h3 {font-size:44px; font-weight:normal;} .about-group .ag-6 ul {display:flex; flex-wrap:wrap; margin:auto; width:80%;} .about-group .ag-6 ul li {width:50%; padding:10px; position:relative;} .about-group .ag-6 ul li .inner {padding:60px 20px; height:100%; border:1px solid #ccc;} .about-group .ag-6 ul li .icon {position:absolute; right:20px; bottom:20px; width:36px; height:36px; background-size:100% auto; background-repeat:no-repeat; background-position:right bottom;} .about-group .ag-6 ul li p {font-size:18px;} .about-group .ag-6 ul li h2 {font-size:24px;} /* style2 */ .about-group .ag-6 ul.s2 {border-top:1px solid #000000; border-right:1px solid #000000;} .about-group .ag-6 ul.s2 li {padding:0;} .about-group .ag-6 ul.s2 li .inner {padding:40px; border:none; border-bottom:1px solid #000000; border-left:1px solid #000000;} /**/ .about-group .ag-7 {padding:100px 0; background:#f8f8f8;} .about-group .ag-7 h1 {font-size:44px; text-align:center;} /* 发展历程 */ .about_timeline {padding:100px 0 50px;} .about_timeline .community-carousel {width:100%; position:relative;} .about_timeline .community-carousel::before {content:""; width:100%; height:2px; position:absolute; left:0; top:137px; background:#00B0AD;} .about_timeline .community-carousel .swiper-slide {width:25%;} .about_timeline .community-carousel .swiper-slide .slide-holder {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; /*-webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7); */} .about_timeline .community-carousel .swiper-slide .slide-holder:hover {color:#00B0AD;} .about_timeline .community-carousel .swiper-slide-prev {} /**/ .about_timeline .community-carousel .swiper-slide .author-wrap { position:relative; padding:0 0 0 40px;} .about_timeline .community-carousel .swiper-slide .author-wrap::before {content:""; position:absolute; left:40px; bottom:-27px; border-radius:100%; width:20px; height:20px; background:#00B0AD;} .about_timeline .community-carousel .swiper-slide .author-wrap .name {display:block; height:40px; font-size:28px; font-weight:bold; } .about_timeline .community-carousel .swiper-slide .author-wrap .role {display:block; height:80px; font-size:64px; font-weight:bold;} .about_timeline .community-carousel .swiper-slide p { width:80%; font-size:18px; padding:40px 0 0 40px;} /**/ .about_timeline .community-carousel .swiper-slide-active {} .about_timeline .community-carousel .swiper-slide-active .slide-holder {color:#00B0AD; /* -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); */} .about_timeline .community-carousel .swiper-slide-active .slide-holder .role {} /**/ .about_timeline .community-carousel .swiper-slide-next .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;} .about_timeline .community-carousel .swiper-slide-prev .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;} /**/ .about_timeline .community-carousel .swiper-slide-active .slide-holder , .about_timeline .community-carousel .swiper-slide-next .slide-holder , .about_timeline .community-carousel .swiper-slide-prev .slide-holder {/*opacity:0.8;*/} /**/ .about_timeline .community-carousel .swiper-pagination {width:100%; text-align:center;} .about_timeline .community-carousel .swiper-pagination span { opacity:1; margin:0 7px; background:#424882;} .about_timeline .community-carousel .swiper-pagination .swiper-pagination-bullet-active {background: #FFFFFF;} /**/ .about_timeline .community-carousel .swiper-btn-next, .about_timeline .community-carousel .swiper-btn-prev {position:absolute; width:18px; height:32px; z-index:10; opacity:0.8; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /**/ .about_timeline .community-carousel .swiper-btn-next:hover, .about_timeline .community-carousel .swiper-btn-prev:hover {opacity:1; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);} /**/ .about_timeline .community-carousel .swiper-btn-prev {left:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-prev.png) no-repeat;*/} .about_timeline .community-carousel .swiper-btn-next {right:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-next.png) no-repeat;*/} .about_timeline .community-carousel .swiper-slide-active .slide-holder {/*-webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);*/} /**/ .gallery {margin-top:40px;} .gallery img { margin:0 50px; width:600px; height:auto;} /***** 新闻中心 *****/ #news .temp_banner {background:url("images/temp-banner-6.jpg") no-repeat scroll center top / cover;} #news .temp_main {padding-top:80px;} .news_list { width:80%; border-right:1px solid #f2f2f2;} .news_list ul {padding-right:40px;} .news_list ul li {margin:0 0 40px 0;} .news_list ul li a {display:block; overflow:hidden;} .news_list ul li a .fl {width:40%; overflow:hidden;} .news_list ul li a .fl img { display:block; transition:all 0.3s ease-out 0s;} .news_list ul li a .fr {width:60%; padding:0; overflow:hidden;} .news_list ul li a .fr .text {margin-left:30px;} .news_list ul li a .fr h2 {font-size:22px; margin-bottom:10px;} .news_list ul li a .fr span { display:none; font-size:14px; color:#cccccc;} .news_list ul li a .fr .move_line { width:100%; height:1px; position:relative; margin:12px 0 12px;} .news_list ul li a .fr .move_line .ml_d { position:absolute; left:0; top:0; width:100%; height:1px; background:#000000; opacity:0.05;}/*默认线条*/ .news_list ul li a .fr .move_line .ml_c { position:absolute; left:0; top:0; width:0; height:1px; background:#000000; opacity:0.3; transition:all 0.3s ease-out 0s;}/*移动线条*/ .news_list ul li a .fr p { margin-top:20px; height:80px; font-size:16px; color:#4d4d4d;} /*详情*/ .sel-news-detail {} .sel-news-detail .navigation {border-bottom:1px solid #f2f2f2;} .news-detail { margin:auto; padding:100px 0 100px; width:80%; font-size:18px; line-height:2;} .news-detail .title {margin-bottom:60px;} .news-detail .title h1 {text-align:center; font-size:36px;} .news-detail .title p { display:none; margin:0; text-align:center; font-size:14px; color:#b2b2b2;} .news-detail p {margin-bottom:20px; font-size:18px;} .news-detail img {margin:auto; display:block; width:auto!important; height:auto!important;} /***** 产品及应用 *****/ .sel-product .navigation {position:relative;} .sel-product .temp_banner {margin:0;} .sel-product .page-title {padding:300px 0 100px; text-align:left;} .sel-product .temp_main {background:#f5f5f5;} #anchor-list-cate{ display:none; position:fixed; left:0; top:0; z-index:9;} #anchor-list-cate.target-fix {display:block;} /* 临床图共用模块 */ .sel-product-detail .swiper-container {padding:70px 0;} .sel-product-detail .swiper-container .swiper-wrapper {align-items:center;} .sel-product-detail .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);} .sel-product-detail .img-box h4 {margin-top:20px; font-size:16px; color:#FFFFFF;} .sel-product-detail .img-box p { margin:20px auto 0; font-size:14px; color:#ffffff;} .sel-product-detail .swiper-container .swiper-slide img {} .sel-product-detail .swiper-button-next, .sel-product-detail .swiper-button-prev {margin-top:-30px; width:60px; height:60px; border-radius:100%; background-color:#000000;} /**/ .p-group {padding:30px 0; background:#f5f5f5;} .p-group h2 {font-size:22px;} .p-group .sub {} .p-group ul {margin:25px 0;} .p-group ul li {float:left; width:25%;} .p-group ul li a {margin:0 20px 20px 0; padding:40px 20px 20px; display:block; position:relative; background:#ffffff;} .p-group ul li a .tag {display:block; color:#ffffff; font-size:14px; padding:2px 8px; background:#F6AB00; position:absolute; right:10px; top:10px;} .p-group ul li a .cover {width:140px; margin:auto;} .p-group ul li a .cover img {display:block; width:100%; margin:auto; height:auto;} .p-group ul li a .desc {margin-top:20px; text-align:center;} .p-group ul li a .desc h4 {font-size:18px;} .p-group ul li a .desc p {font-size:14px; color:#8d8d8d; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/} .p-group ul li a:hover { z-index:2; box-shadow:0 20px 20px rgba(0,0,0,0.1); -webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} /**/ .p-g-long {} .p-g-long ul li {width:100%;} .p-g-long ul li a {padding:0;} .p-g-long ul li a img {display:block;} /***** 产品专题页：普通详情页 *****/ .sel-product-detail .navigation {border-bottom:1px solid rgba(0,0,0,0.05);} .sel-product-detail .p-detail {margin-top:90px;} .sel-product-detail .p-detail .advertising_tips {position:absolute; left:4px; top:40px; margin:0; padding:0; font-size:14px; color:rgba(0, 0, 0, 0.3);} .sel-product-detail .p-detail .advertising_tips.white {color:rgba(255, 255, 255, 0.5);} /**/ .sel-product-detail .p-detail-normal {} .sel-product-detail .p-detail-normal .main {padding:150px 0 0; position:relative;} .sel-product-detail .p-detail-normal .shead {margin-bottom:40px; text-align:center;} .sel-product-detail .p-detail-normal .shead h2 {font-size:64px; margin-bottom:10px;} .sel-product-detail .p-detail-normal .shead h3 {font-size:28px;} .sel-product-detail .p-detail-normal .img {margin:0 auto 80px; width:70%;} .sel-product-detail .p-detail-normal .img img { margin:auto; display:block;} .sel-product-detail .p-detail-normal .img p { margin:40px 0 0; font-size:22px;} .sel-product-detail .p-detail-normal .pdn-sc { padding:100px 0; background:#000000;} .sel-product-detail .p-detail-normal .pdn-sc h2 {font-size:44px; color:#ffffff; text-align:center;} .sel-product-detail .p-detail-normal .pdn-sc .swiper-container {padding:70px 0;} .sel-product-detail .p-detail-normal .pdn-sc .swiper-container .swiper-slide {} .sel-product-detail .p-detail-normal .pdn-sc .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);} .sel-product-detail .p-detail-normal .pdn-sc .img-box img {display:block;} .sel-product-detail .p-detail-normal .pdn-sc .img-box h4 { margin-top:20px; font-size:18px; color:#ffffff;} .sel-product-detail .p-detail-normal .pdn-sc .img-box p {margin-top:20px; font-size:16px; color:#ffffff;} /***** 新版：产品专题页：普通详情页 全站更新后，可删除旧版声明 *****/ .sel_products_detail .navigation {border-bottom:1px solid rgba(0,0,0,0.05);} .sel_products_detail .p_detail {margin-top:90px;} .sel_products_detail .p_detail {margin-top:90px;} .sel_products_detail .p_detail .advertising_tips {position:absolute; left:4px; top:40px; margin:0; padding:0; font-size:14px; color:rgba(0, 0, 0, 0.3);} .sel_products_detail .p_detail .advertising_tips.white {color:rgba(255, 255, 255, 0.5);} /**/ .sel_products_detail .p_detail_normal {} .sel_products_detail .p_detail_normal .main {padding:150px 0 0; position:relative;} .sel_products_detail .p_detail_normal .shead {margin-bottom:40px; text-align:center;} .sel_products_detail .p_detail_normal .shead h2 {font-size:64px; margin-bottom:10px;} .sel_products_detail .p_detail_normal .shead h3 {font-size:28px;} .sel_products_detail .p_detail_normal .img {margin:0 auto 80px; width:70%;} .sel_products_detail .p_detail_normal .img img { margin:auto; display:block;} .sel_products_detail .p_detail_normal .img p { margin:40px 0 0; font-size:22px;} .sel_products_detail .p_detail_normal .pdn-sc { padding:100px 0; background:#000000;} .sel_products_detail .p_detail_normal .pdn-sc h2 {font-size:44px; color:#ffffff; text-align:center;} .sel_products_detail .p_detail_normal .pdn-sc .swiper-container {padding:70px 0;} .sel_products_detail .p_detail_normal .pdn-sc .swiper-container .swiper-slide {} .sel_products_detail .p_detail_normal .pdn-sc .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);} .sel_products_detail .p_detail_normal .pdn-sc .img-box img {display:block;} .sel_products_detail .p_detail_normal .pdn-sc .img-box h4 { margin-top:20px; font-size:18px; color:#ffffff;} .sel_products_detail .p_detail_normal .pdn-sc .img-box p {margin-top:20px; font-size:16px; color:#ffffff;} /***** 产品专题页：X5 *****/ .sel-product-detail-1 {} /**/ .d1-1 {} .d1-1 .main {padding:200px 0 0; position:relative;} .d1-1 .topic {text-align:center; margin-bottom:20px;} .d1-1 .topic h1 {font-size:72px;} .d1-1 .topic p {font-size:32px;} /**/ .d1-2 {padding:0 0 100px 0;} .d1-2 ul {display:flex; flex-wrap:wrap; align-items:center;} .d1-2 ul li {width:50%; padding:60px 40px; text-align:center; border:1px solid rgba(0, 0, 0, 0.1); border-top:none; border-left:none;} .d1-2 ul li:nth-child(2), .d1-2 ul li:nth-child(4), .d1-2 ul li:nth-child(6) {border-right:none;} .d1-2 ul li:nth-child(5), .d1-2 ul li:nth-child(6) {border-bottom:none;} .d1-2 ul li h2 {font-size:32px; margin-bottom:20px;} .d1-2 ul li p {margin:0; font-size:22px;} /**/ .d1-3 {padding:250px 0; width:100%; color:#ffffff; text-align:center; background:url("../images/p1/p-video-bg.jpg") no-repeat center center / 100% auto; background-size:cover;} .d1-3 h2 {font-size:72px;} .d1-3 h2 span {} /**/ .d1-4 {padding:150px 0;} .d1-4 ul {} .d1-4 ul li {} .d1-4 ul li .cell {display:flex; flex-wrap:wrap; align-items:center;} .d1-4 ul li .l {width:50%;} .d1-4 ul li .l img {display:block;} .d1-4 ul li .r {flex:1 1 auto; width:50%; padding:0 0 0 80px;} .d1-4 ul li .r h2 {font-size:32px; margin-bottom:20px;} .d1-4 ul li .r p {font-size:22px;} .d1-4 ul li:nth-child(2) .cell {flex-direction:row-reverse;} .d1-4 ul li:nth-child(2) .r {padding:0 80px 0 0;} /**/ .d1-5 {padding:250px 0; background:url("../images/p1/p-pic-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d1-5 h2 {font-size:72px; text-align:center; color:#ffffff;} /**/ .d1-6 {padding:150px 0;} .d1-6 .cols-pic {margin-bottom:60px;} .d1-6 .cols-pic:last-child {margin:0;} .d1-6 .cols-pic h2 {text-align:center; font-size:44px; margin:0 auto 20px; width:70%;} .d1-6 .cols-pic p {text-align:center; font-size:22px; width:60%; margin:0 auto 40px;} .d1-6 .cols-pic ul {display:flex; flex-wrap:wrap; margin:-20px;} .d1-6 .cols-pic ul li {width:33.333333%; padding:20px;} .d1-6 .cols-pic ul li .cell {} /**/ .d1-7 {padding:250px 0; text-align:center; color:#ffffff; background:url("../images/p1/long-text-feature-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d1-7 h2 {font-size:72px;} /***** 产品专题页：内镜 *****/ .sel-product-detail-2 {} /**/ .d2-1 {background:url("../images/p2/001.jpg") no-repeat scroll center bottom / 100% auto; background-size:cover;} .d2-1 .main {padding:200px 0; position:relative; display:flex; justify-content:flex-end;} .d2-1 .text { float:right; text-align:right;} .d2-1 h1 { font-size:72px; color:#ffffff;} .d2-1 p { font-size:32px; color:#ffffff; margin-top:60px; line-height:1.2;} .d2-1 p span {font-size:44px; font-weight:bold;} /*d2-2*/ .d2-2 {padding:150px 0;} .d2-2 .img {float:left; width:32%;} .d2-2 .text { float:left; width:68%; padding-left:100px;} .d2-2 .text h2 {font-size:32px; margin-bottom:20px;} .d2-2 .text .desc {font-size:22px; margin-bottom:40px;} .d2-2 .text img {width:80%;} .d2-2 .text .tb {margin-top:80px;} .d2-2 .text .tb ul {} .d2-2 .text .tb ul li {margin-bottom:30px;} .d2-2 .text .tb ul li h3 { font-size:32px; margin-bottom:10px;} .d2-2 .text .tb ul li p {} .d2-2 .text .tb ul li span {font-size:18px;} .d2-2 .text .tb ul li h4 {font-size:22px;} .d2-2 .tb .op {margin-top:50px; width:80%; position:relative;} .d2-2 .tb .op .nt {position:relative; padding-left:11.95%; width:108%; overflow:hidden;} .d2-2 .tb .op .nt li {float:left; width:16.666666%; color:#009ea7; text-align:center;} .d2-2 .tb .op .nl {float:left; width:15%; margin-top:4.85%; overflow:hidden;} .d2-2 .tb .op .nl li {margin-bottom:29.25%; font-size:16px; text-align:right;} .d2-2 .tb .op .nl li:last-child {position:absolute; right:0; bottom:8px; margin:0; width:auto; font-size:12px; color:#8d8d8d;} .d2-2 .tb .op img {float:left; width:85%; margin-bottom:20px; padding-left:5%;} .d2-2 .tb .op .notes {color:#b2b2b2; text-align:center; padding-left:13%; overflow:hidden;} /**/ .d2-3 {padding:150px 0; background:#f5f5f5;} .d2-3 .text {text-align:center;} .d2-3 .text .sh {text-align:center; overflow:hidden;} .d2-3 .text .shl {display:inline-block; width:110px;} .d2-3 .text .shr {display:inline-block; text-align:left; padding-left:30px;} .d2-3 .text .shr h2 {font-size:44px; line-height:1;} .d2-3 .text .shr p {font-size:18px;} .d2-3 .text p.desc { margin-top:40px; padding:0 5%; font-size:22px;} .d2-3 .img { margin:50px auto 0; text-align:center;} .d2-3 .img .t {margin-bottom:60px;} .d2-3 .img .t ul {padding:0 11%;} .d2-3 .img .t ul li {float:left; width:23.333333%; padding:0 4%;} .d2-3 .img .t ul li span { display:block; font-size:14px; color:#4d4d4d; line-height:1.2;} .d2-3 .img .t ul li img { margin-bottom:10px; border:1px solid #8d8d8d; border-radius:15px;} .d2-3 .img .t ul li:nth-child(2), .d2-3 .img .t ul li:nth-child(4) {width:15%; padding:6% 2% 0;} .d2-3 .img .t ul li:nth-child(2) img, .d2-3 .img .t ul li:nth-child(4) img {border:none; border-radius:0;} .d2-3 .img .tf ul li { width:42.5%;} .d2-3 .img .tf ul li span {} .d2-3 .img .tf ul li img {border:none; border-radius:0; margin-bottom:20px;} .d2-3 .img .tf ul li:nth-child(2) {padding:13% 2% 0;} .d2-3 .img .b {} .d2-3 .img .b ul {display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 11%;} .d2-3 .img .b ul li {width:50%; padding:0 4%;} .d2-3 .img .b ul li img {margin-bottom:20px;} .d2-3 .img .b ul li p {} /**/ .d2-4 {color:#FFFFFF; padding:150px 0; background:#000000;} .d2-4 .shead {margin-bottom:100px;} .d2-4 .shead .ti {display:flex; justify-content:center; align-items:center; margin-bottom:40px;} .d2-4 .shead .ti img {width:150px; border:1px solid #009FAB; border-radius:10px;} .d2-4 .shead .ti .si {padding-left:30px;} .d2-4 .shead .ti .si h2 {font-size:44px;} .d2-4 .shead .ti .si p {font-size:18px;} .d2-4 .shead .intro {font-size:22px; text-align:center;} .d2-4 .img {} .d2-4 .img img {display:block;} .d2-4 .img img:nth-child(1) {max-width:600px; margin:0 auto 100px;} .d2-4 .img img:nth-child(2) {} /**/ .d2-5 {display:flex;} .d2-5 .l {width:50vw; background:url("../images/p2/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d2-5 .r {width:50vw; padding:100px 100px;} .d2-5 .r h2 {font-size:44px; margin-bottom:30px;} .d2-5 .r p {font-size:22px;} .d2-5 .r ul {display:flex; margin-top:40px;} .d2-5 .r ul li {text-align:center; margin-right:40px;} .d2-5 .r ul li .inner {} .d2-5 .r ul li img {width:60px; margin:auto; border-radius:100%; border:1px solid #000000;} .d2-5 .r ul li p {font-size:16px; margin-top:10px;} .d2-5 .r .m {width:200px; margin-top:80px;} /**/ .d2-6 {padding:200px 0 100px; background:#eeeeee;} .d2-6 .text {width:80%; margin:auto;} .d2-6 .text .title {text-align:center; margin-bottom:100px;} .d2-6 .text .title h2 {font-size:44px; margin-bottom:20px;} .d2-6 .text .title p {font-size:22px;} .d2-6 .text ul {} .d2-6 .text ul li {display:flex; align-items:center; margin:0 0 80px 0; overflow:hidden;} .d2-6 .text ul li img { width:35%; display:block; border-radius:10px;} .d2-6 .text ul li .fr {width:65%; padding:0 0 0 60px;} .d2-6 .text ul li .fr h4 {font-size:32px; margin-bottom:30px;} .d2-6 .text ul li .fr p {font-size:22px;} .d2-6 .text ul li .fr ul {margin-top:30px; overflow:hidden;} .d2-6 .text ul li .fr ul li {float:left; margin:0 40px 0 0; text-align:center;} .d2-6 .text ul li .fr ul li img { float:none; display:inline; width:40px; margin-bottom:4px; border:1px solid #333333; border-radius:100%;} .d2-6 .text ul li .fr ul li p {font-size:14px;} /***** 产品专题页：SC-8000 *****/ .sel-product-detail-3 {} /**/ .d3-1 { padding:100px 0 60px; overflow:hidden;} .d3-1 .text { margin:0 0 20px; text-align:center;} .d3-1 h1 { font-size:72px;} .d3-1 p { font-size:32px;} .d3-1 .img { margin:auto; width:70%;} /**/ .d3-2 { padding:100px 0px; color:#ffffff; text-align:center; background:#80abc7;} .d3-2 ul {} .d3-2 ul li {float:left; width:50%; margin-bottom:40px;} .d3-2 ul li .inner {padding:0 40px;} .d3-2 ul li img {width:200px; height:auto; margin:0 auto 10px;} .d3-2 ul li h2 {margin-bottom:20px; font-size:32px;} .d3-2 ul li p {text-align:left; font-size:22px;} /**/ .d3-3 { padding:150px 0 0;} .d3-3 .text {float:left; width:45%; margin-top:100px;} .d3-3 .text h1 {margin-bottom:40px; font-size:44px;} .d3-3 .text p {line-height:2.4; font-size:22px;} .d3-3 .img {float:right; width:55%;} .d3-3 .img img {display:block;} /**/ .d3-4 { padding:150px 0; color:#ffffff; background:#333333 url("../images/p3/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d3-4 .text {text-align:center;} .d3-4 .text h1 {margin-bottom:60px; font-size:44px;} .d3-4 .text img {margin:auto; width:600px; height:auto;} .d3-4 ul {margin-top:80px;} .d3-4 ul li {float:left; width:33.333333%; text-align:center;} .d3-4 ul li .inner {padding:0 50px 0 50px;} .d3-4 ul li h2 {font-size:32px; margin-bottom:20px;} .d3-4 ul li p {font-size:18px; text-align:left;} /**/ .d3-5 { padding:100px 0; color:#ffffff;} .d3-5 .img { margin:auto; width:60%;} .d3-5 .img img {display:block;} .d3-5 ul {color:#333333; text-align:center; padding:60px 0 0;} .d3-5 ul li {float:left; width:50%; margin-bottom:80px;} .d3-5 ul li .inner {padding:0 40px;} .d3-5 ul li h2 {font-size:32px; margin-bottom:20px;} .d3-5 ul li p {text-align:left; font-size:22px;} /**/ .d3-6 { padding:150px 0; text-align:center; color:#ffffff; background:#333333 url("../images/p3/006.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d3-6 .text {width:60%; margin:auto;} .d3-6 .text h1 {margin-bottom:40px; font-size:44px;} .d3-6 .text p {font-size:22px; width:70%; margin:auto;} /**/ .d3-7 { margin-top:10px; padding:150px 0; text-align:center; color:#ffffff; background:#333333 url("../images/p3/007.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d3-7 .text {width:60%; margin:auto;} .d3-7 .text h1 {margin-bottom:40px; font-size:44px;} .d3-7 .text p {font-size:22px; width:70%; margin:auto;} /***** 产品专题页：E3 *****/ .sel-product-detail-4 {} /**/ .d4-1 {} .d4-1 .main {padding:100px 0; position:relative; display:flex; justify-content:space-between; flex-wrap:wrap;} .d4-1 .text { float:left; width:50%; margin-top:200px; text-align:center;} .d4-1 h1 { font-size:72px;} .d4-1 p { font-size:32px;} .d4-1 .img {float:right; padding-left:50px; width:50%;} /**/ .d4-2 { padding:200px 0; color:#ffffff; background:url("../images/p4/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d4-2 .text {float:right; width:50%;} .d4-2 .text p {font-size:22px;} .d4-2 ul {margin-top:60px;} .d4-2 ul li {float:left; width:50%; margin-bottom:10px; font-size:18px;} /**/ .d4-3 {padding:150px 0;} .d4-3 .img {float:left; width:40%;} .d4-3 .text {float:right; width:60%; padding-left:40px;} .d4-3 .text ul {margin-bottom:40px;} .d4-3 .text ul li {float:left; width:25%;} .d4-3 .text ul li .inner { margin-bottom:20px; padding-right:20px;} .d4-3 .text ul li img {} .d4-3 .text h1 {margin-bottom:20px; font-size:44px;} .d4-3 .text p {font-size:22px;} /**/ .d4-4 {padding:150px 0; background:#f2f2f2;} .d4-4 .text {float:left; width:50%;} .d4-4 .text h1 {margin-bottom:40px; font-size:44px;} .d4-4 .text ul {} .d4-4 .text ul li {float:left; width:50%; margin-bottom:10px; font-size:18px;} .d4-4 .img { float:right; margin-top:-250px; width:50%;} /***** 产品专题页：P50 Plus *****/ .sel-product-detail-5 {} /**/ .d5-1 {color:#ffffff; background:#000000 url("../images/p5/001.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d5-1 .main {position:relative; height:800px; display:flex; justify-content:flex-end;} .d5-1 .ti {display:flex; justify-content:flex-end; align-items:center; width:55%; position:relative;} .d5-1 .text { width:100%; text-align:center; position:absolute; z-index:1; left:50%; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .d5-1 h1 {font-size:72px;} .d5-1 h2 {font-size:56px; margin-top:40px;} .d5-1 p { font-size:22px;} .d5-1 img {-moz-transform:translate(-13%, -19%); -ms-transform:translate(-13%, -19%); -webkit-transform:translate(-13%, -19%); transform:translate(-13%, -19%);} /**/ .d5-2 {padding:150px 0; background:#000000 url("../images/p5/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d5-2 .row {position:relative;} .d5-2 .text {float:right; width:40%; color:#FFFFFF;} .d5-2 .text h1 {font-size:44px; margin-bottom:30px;} .d5-2 .text p {font-size:18px;} .d5-2 .text ul {margin-top:60px;} .d5-2 .text ul li {margin-bottom:40px;} .d5-2 .text ul li h4 {font-size:18px; margin-bottom:10px;} .d5-2 .text ul li p {font-size:16px; opacity:0.8;} .d5-2 .img {position:absolute; left:20px; bottom:0;} .d5-2 .img img {width:300px; height:auto;} /**/ .d5-3 { padding:120px 0 0; text-align:center; background:url("../images/p5/d5_3_bg.jpg") repeat-x scroll left top;} .d5-3 .text {} .d5-3 .text h1 {margin-bottom:20px; font-size:44px;} .d5-3 .text p { margin:auto; width:60%; font-size:22px;} .d5-3 .text ul {margin:60px auto 100px;} .d5-3 .text ul li {float:left; width:25%;} .d5-3 .text ul li .inner {padding:0 20px;} .d5-3 .text ul li img {width:100%;} .d5-3 .text ul li p {margin-top:10px; font-size:16px; width:100%;} .d5-3 .img { margin:auto; width:1200px; height:450px; background:url("../images/p5/003.jpg") no-repeat scroll top center / 100% auto;} /**/ .d5-4 { padding:120px 0; color:#ffffff; text-align:center; background:#333333;} .d5-4 ul {} .d5-4 ul li {float:left; width:50%; margin-bottom:80px;} .d5-4 ul li .inner {padding:0 40px;} .d5-4 ul li h2 {font-size:22px; margin-bottom:30px;} .d5-4 ul li img {margin-bottom:30px;} .d5-4 ul li p {font-size:16px; overflow:hidden;} /**/ .d5-5 { padding:120px 0; text-align:center;} .d5-5 .text {} .d5-5 .text h1 {font-size:44px;} .d5-5 ul {margin-top:80px;} .d5-5 ul li {float:left; width:25%; position:relative;} .d5-5 ul li .inner {} .d5-5 ul li .w {position:absolute; left:0; top:80px; width:100%; color:#ffffff;} .d5-5 ul li h2 {margin:30px 0 0; font-size:18px;} .d5-5 ul li p {} .d5-5 ul li img {display:block; margin:auto; width:70%; border-radius:100%; overflow:hidden;} /**/ .d5-6 { padding:100px 0; background:#000000;} .d5-6 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 产品专题页：S40 *****/ .sel-product-detail-6 {} /**/ .d6-1 { padding:100px 0 0;} .d6-1 .text { float:left; color:#333333; width:50%; margin-top:200px; text-align:center;} .d6-1 h1 { font-size:72px;} .d6-1 p { font-size:32px;} .d6-1 .img { float:right; width:50%;} /**/ .d6-2 { padding:100px 0 0; background:#f2f2f2;} .d6-2 .text {float:right; width:50%; margin-top:50px; padding-left:50px;} .d6-2 .text p { margin-bottom:50px; font-size:22px;} .d6-2 .text img { display:block; width:60%; margin:auto;} .d6-2 .img { float:left; width:50%; height:800px; background:url("../images/p6/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /**/ .d6-3 { text-align:center; padding:120px 0; background:url("../images/p6/003.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d6-3 .text {} .d6-3 .text img {width:400px; margin:0 auto 60px;} .d6-3 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-3 .text p {font-size:22px; width:70%; margin:auto;} /**/ .d6-4 {padding:120px 0;} .d6-4 .text {float:right; width:50%; padding-left:60px;} .d6-4 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-4 .text p {font-size:22px;} .d6-4 .text ul {margin-top:50px;} .d6-4 .text ul li {margin-bottom:30px;} .d6-4 .text ul li h3 {margin-bottom:10px; font-size:22px;} .d6-4 .text ul li p {font-size:18px;} .d6-4 .img { float:left; width:50%; height:700px; background:url("../images/p6/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /**/ .d6-5 {padding:120px 0;} .d6-5 .text {float:left; width:50%; padding-right:60px;} .d6-5 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-5 .text p { font-size:22px; margin-bottom:50px;} .d6-5 .text ul {overflow:hidden;} .d6-5 .text ul li {float:left; width:50%; font-size:18px; margin-bottom:20px;} .d6-5 .pic_list { float:right; width:50%;} .d6-5 .pic_list ul {} .d6-5 .pic_list ul li {float:left; width:33.333333%; padding:0 10px 10px 0;} .d6-5 .pic_list ul li img {display:block;} /**/ .d6-6 {padding:40px 0 100px; text-align:center;} .d6-6 .text {} .d6-6 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-6 .text p {font-size:22px; width:70%; margin:auto;} .d6-6 .img { margin:50px auto 0; width:80%;} /***** 产品专题页：S50 *****/ .sel-product-detail-7 {} /**/ .d7-1 {padding:150px 0 0; background:#000000 url("../images/p7/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d7-1 .text { float:right; width:50%; margin-top:250px; text-align:center;} .d7-1 h1 { font-size:72px; color:#ffffff;} .d7-1 p { font-size:32px; color:#ffffff;} .d7-1 .img {float:left; width:50%; text-align:center;} .d7-1 .img img {width:100%;} /**/ .d7-2 {} .d7-2 .text { margin-top:150px; text-align:center;} .d7-2 h1 { font-size:44px; margin-bottom:20px;} .d7-2 p { font-size:22px; width:65%; margin:auto;} .d7-2 ul {margin-top:80px; overflow:hidden;} .d7-2 ul li {float:left; width:33.333333%;} .d7-2 ul li h3 {font-size:22px; margin-bottom:30px;} .d7-2 ul li img {width:50%; height:auto; margin:auto; border-radius:100%; background:#ffffff;} .d7-2 ul li h4 {margin:40px 0 10px; font-size:18px;} .d7-2 ul li p {font-size:14px;} /**/ .d7-sc { margin:100px 0 0; padding:100px 0 40px; background:#000000;} .d7-sc h2 {font-size:44px; color:#ffffff; text-align:center;} /**/ .d7-3 { padding:120px 0 500px; color:#ffffff; background:#000000 url("../images/p7/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d7-3 .text { text-align:center; color:#ffffff;} .d7-3 h1 { margin-bottom:20px; font-size:44px;} .d7-3 p { font-size:22px;} .d7-3 ul {margin-top:60px;} .d7-3 ul li {float:left; margin-bottom:40px; width:33.333333%;} .d7-3 ul li:nth-child(4) {margin-left:17%;} .d7-3 ul li .inner {padding:0 80px;} .d7-3 ul li h3 { margin-bottom:20px; font-size:18px;} .d7-3 ul li img {} /**/ .d7-4 { padding:120px 0; text-align:center;} .d7-4 .img { float:left; width:35%;} .d7-4 .text {float:right; width:62%;} .d7-4 h2 { margin:10px 0 20px; font-size:44px;} .d7-4 p {font-size:22px;} .d7-4 ul {margin-top:100px;} .d7-4 ul li {float:left; width:20%;} .d7-4 ul li .inner {margin:0 10px;} .d7-4 ul li img {border-radius:100%;} .d7-4 ul li h3 {font-size:18px; font-weight:normal; margin-top:10px;} /**/ .d7-4 ul li:nth-child(2) .inner , .d7-4 ul li:nth-child(4) .inner {margin-top:100px;} /***** 产品专题页：P40 Plus *****/ .sel-product-detail-8 {} /**/ .d8-1 {color:#ffffff; background:#000000 url("../images/p8/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d8-1 .main {height:800px; position:relative; display:flex; justify-content:flex-end;} .d8-1 .ti {display:flex; justify-content:flex-end; align-items:center; width:55%; position:relative;} .d8-1 .text { width:100%; text-align:center; position:absolute; z-index:1; left:50%; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .d8-1 h1 {font-size:72px;} .d8-1 h2 {font-size:56px; margin-top:40px;} .d8-1 p { font-size:22px;} .d8-1 img {-moz-transform:translate(-13%, -19%); -ms-transform:translate(-13%, -19%); -webkit-transform:translate(-13%, -19%); transform:translate(-13%, -19%);} /**/ .d8-2 {padding-bottom:100px; background:#000000;} .d8-2 .row {display:flex; justify-content:space-around;} .d8-2 .text {color:#ffffff; width:35%; padding:150px 0 0 0;} .d8-2 .text h1 {font-size:44px; margin-bottom:40px;} .d8-2 .text p {margin:auto; font-size:18px;} .d8-2 .img {width:65%;} .d8-2 .img img {} /**/ .d8-3 {padding:150px 0;} .d8-3 .text {} .d8-3 h1 { font-size:44px; margin-bottom:20px; text-align:center;} .d8-3 p { font-size:18px;} .d8-3 ul {margin-top:80px;} .d8-3 ul li {float:left; width:33.333333%; padding-right:60px;} .d8-3 ul li h3 {font-size:22px; margin-bottom:30px;} .d8-3 ul li img { display:block; width:100%; height:auto; margin:auto;} .d8-3 ul li h4 {margin:20px 0 10px; font-size:22px;} .d8-3 ul li p {font-size:14px; font-size:16px;} /**/ .d8-4 {padding:150px 0; background:#000000;} .d8-4 .text {color:#ffffff;} .d8-4 h1 { font-size:44px; margin-bottom:20px; text-align:center;} .d8-4 p { font-size:18px;} .d8-4 ul {margin-top:80px;} .d8-4 ul li {float:left; width:33.333333%; padding-right:30px;} .d8-4 ul li h3 {font-size:22px; margin-bottom:30px;} .d8-4 ul li img {height:auto; margin:auto;} .d8-4 ul li h4 {margin:40px 0 10px; font-size:22px;} .d8-4 ul li p {font-size:14px; font-size:16px; opacity:0.8;} .d8-4 ul li p span {display:block; height:32px; line-height:32px; position:relative;} .d8-4 ul li p span::before {content:""; width:3px; height:3px; border-radius:100%; background:rgba(255,255,255,0.5); position:absolute; left:-8px; top:50%; margin-top:-1.5px;} /**/ .d8-5 { padding:150px 0;} .d8-5 .text {position:relative;} .d8-5 h1 { font-size:44px; margin-bottom:80px; text-align:center;} .d8-5 p { font-size:18px;} .d8-5 ul { position:absolute; left:0; top:150px; overflow:hidden;} .d8-5 ul li {float:left; margin-bottom:100px; width:50%;} .d8-5 ul li h3 {font-size:22px; margin-bottom:30px;} .d8-5 ul li img {float:left; width:100px; height:auto; margin:auto;} .d8-5 ul li .rt { margin-left:100px; padding-left:20px; width:60%;} .d8-5 ul li h4 {margin:0 0 10px; font-size:22px;} .d8-5 ul li p {font-size:16px;} .d8-5 .bg-img { margin:auto; width:600px; height:600px; background:url("../images/p8/005.jpg") no-repeat scroll bottom center / 100% auto;} .d8-5 ul li:nth-child(1) {padding-left:10%;} .d8-5 ul li:nth-child(2) { padding-left:10%;} .d8-5 ul li:nth-child(2) .rt {width:60%;} .d8-5 ul li:nth-child(4) {padding-left:15%;} .d8-5 ul li:nth-child(4) .rt {width:auto;} .d8-5 ul li:nth-child(5) {padding-left:10%;} .d8-5 ul li:nth-child(6) {padding-left:10%;} .d8-5 ul li:nth-child(6) .rt {width:auto;} /**/ .d8-6 { padding:0 0 150px;} .d8-6 .text {position:relative;} .d8-6 h1 {font-size:44px; margin-bottom:80px; text-align:center;} .d8-6 ul {position:absolute; left:0; top:110px; overflow:hidden;} .d8-6 ul li {float:left; width:50%; padding:0 10%;} .d8-6 ul li img {float:left; width:auto; height:150px;} .d8-6 ul li h4 {line-height:150px; font-size:16px; white-space:nowrap;} .d8-6 .bg-img { margin:auto; width:250px; height:auto;} /**/ .d8-7 { padding:100px 0; background:#000000;} .d8-7 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 产品专题页：X3 *****/ .sel-product-detail-9 {} /**/ .d9-1 {background:#f7f7f7;} .d9-1 .main {padding:100px 0; display:flex; justify-content:space-between; flex-wrap:wrap; position:relative;} .d9-1 .text { float:left; margin-top:200px; width:50%; text-align:center;} .d9-1 .text h1 {font-size:72px;} .d9-1 .text p {font-size:32px;} .d9-1 .img {float:right; width:50%;} /**/ .d9-2 {padding:300px 0; background:#000000 url("../images/p9/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-2 .text {float:right; width:40%;} .d9-2 .text p {font-size:22px;} /**/ .d9-3 {padding:80px 0; border-bottom:1px solid rgba(255,255,255,0.2); background:#000000;} .d9-3 .text {text-align:center; color:#ffffff;} .d9-3 .text ul { padding:50px 0; overflow:hidden;} .d9-3 .text ul li {float:left; width:50%; padding:0 40px; overflow:hidden;} .d9-3 .text ul li h2 {margin-bottom:20px; font-size:44px;} .d9-3 .text ul li span { display:block; float:left; width:50%; margin-bottom:20px; padding:10px; font-size:18px; display:inline-block; border:1px solid rgba(255,255,255,0.5); border-radius:4px;} /**/ .d9-4 {padding:100px 0 0; background:#000000;} .d9-4 .img {float:left; width:60%;} .d9-4 .img img {display:block;} .d9-4 .text { margin-top:50px; float:right; width:30%; color:#ffffff;} .d9-4 .text ul {} .d9-4 .text ul li {margin-bottom:40px;} .d9-4 .text ul li h3 {color:#009FAB; margin-bottom:10px; font-size:44px;} .d9-4 .text ul li p {font-size:18px; line-height:2;} /**/ .d9-5 {padding:100px 0; background:#000000 url("../images/p9/005.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-5 ul {float:left; width:35%;} .d9-5 ul li {float:left; width:50%;} .d9-5 ul li .inner {padding:0 20px 20px 0;} .d9-5 ul li img {display:block;} .d9-5 .text {float:left; margin-top:50px; padding-left:100px; width:50%; overflow:hidden;} .d9-5 .text p {font-size:22px;} /**/ .d9-6 {} .d9-6 ul {} .d9-6 ul li { margin:5px 0; padding:100px 0;} .d9-6 ul li .text {text-align:center; color:#ffffff;} .d9-6 ul li .text h2 {font-size:44px; margin-bottom:30px;} .d9-6 ul li .text p { font-size:22px; width:50%; margin:auto;} .d9-6 ul li:nth-child(1) {background:#000000 url("../images/p9/006-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-6 ul li:nth-child(2) {background:#000000 url("../images/p9/006-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-6 ul li:nth-child(3) {background:#000000 url("../images/p9/006-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} /***** 产品专题页：E2 *****/ .sel-product-detail-10 {} /**/ .d10-1 {background:#000000 url("../images/p10/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d10-1 .main {padding:200px 0; position:relative;} .d10-1 .text { text-align:center; color:#ffffff;} .d10-1 h1 { font-size:72px; line-height:1;} .d10-1 p { font-size:32px; margin-top:5px;} .d10-1 h2 {font-size:72px; margin-top:20px;} .d10-1 p.desc { font-size:22px; margin:50px auto 0; width:70%; line-height:1.8;} /**/ .d10-2 {padding:150px 0;} .d10-2 .bg-img { float:left; width:50%; height:auto;} .d10-2 .text {float:right; width:50%; padding-left:60px;} .d10-2 .text ul {margin-top:100px;} .d10-2 .text ul li {margin-bottom:60px;} .d10-2 .text ul li h2 {font-size:32px; margin-bottom:10px;} .d10-2 .text ul li p {font-size:22px;} /**/ .d10-3 {padding:100px 0; background:#000000;} .d10-3 .bg-img { float:right; width:50%; height:auto;} .d10-3 .text {float:left; width:50%; padding-right:40px; color:#ffffff;} .d10-3 .text ul {} .d10-3 .text ul li {margin-bottom:50px;} .d10-3 .text ul li h2 {font-size:32px; margin-bottom:10px;} .d10-3 .text ul li p {font-size:18px;} /**/ .d10-4 { padding:100px 0; background:#000000;} .d10-4 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 产品专题页：HD-400 *****/ .sel-product-detail-11 {} /**/ .d11-1 {background:#000000;} .d11-1 .main {padding:150px 0; position:relative; display:flex; justify-content:space-between; flex-wrap:wrap;} .d11-1 .text {width:40%; padding:120px 40px 0 0; color:#ffffff; text-align:right;} .d11-1 .text h1 {font-size:72px; color:#009fa8;} .d11-1 .text h2 {font-size:44px; margin:15px 0 15px;} .d11-1 .text p {font-size:32px;} .d11-1 .img {width:60%;} .d11-1 .img img {display:block; width:100%;} /**/ .d11-2 {padding:250px 0; background:#000000 url("../images/p11/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d11-2 .text { margin:auto; width:70%; color:#ffffff;} .d11-2 .text h2 { font-size:44px; margin-bottom:30px; text-align:center;} .d11-2 .text p {font-size:22px;} /**/ .d11-3 {color:#FFFFFF; padding:150px 0; background:#000000;} .d11-3 .shead {margin-bottom:100px;} .d11-3 .shead .ti {display:flex; justify-content:center; align-items:center; margin-bottom:40px;} .d11-3 .shead .ti img {width:150px; border:1px solid #009FAB; border-radius:10px;} .d11-3 .shead .ti .si {padding-left:30px;} .d11-3 .shead .ti .si h2 {font-size:44px;} .d11-3 .shead .ti .si p {font-size:18px;} .d11-3 .shead .intro {font-size:22px;} .d11-3 .img {} .d11-3 .img img {} .d11-3 .img img:nth-child(1) {max-width:600px; margin:0 auto 100px;} .d11-3 .img img:nth-child(2) {} /**/ .d11-4 {padding:150px 0;} .d11-4 .wr {text-align:center;} .d11-4 .text {display:inline-block; margin:0 auto 40px; text-align:left;} .d11-4 .text h2 {font-size:72px; color:#009fa8; margin-bottom:20px;} .d11-4 .text p {font-size:22px;} .d11-4 .wr img {display:block; width:80%; margin:auto;} /**/ .d11-5 {padding:150px 0; background:#000000 url("../images/p11/005.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d11-5 .text { width:50%; color:#ffffff;} .d11-5 .text h2 { font-size:44px; margin-bottom:40px;} .d11-5 .text h3 {font-size:22px; font-weight:normal; line-height:1.8;} .d11-5 ul {margin-top:40px; overflow:hidden;} .d11-5 ul li {margin-top:40px;} .d11-5 ul li h4 { font-size:32px; margin-bottom:10px; font-weight:normal;} .d11-5 ul li p {font-size:18px;} /**/ .d11-6 {padding:150px 0;} .d11-6 ul {} .d11-6 ul li {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .d11-6 ul li img {width:55%;} .d11-6 ul li .name {width:45%; padding-left:60px;} .d11-6 ul li h4 {font-size:44px; margin-bottom:10px;} .d11-6 ul li h5 {font-size:28px; color:#009fa8;} .d11-6 ul li p {font-size:18px; margin-top:40px;} /**/ .d11-7 {} .d11-7 .lb {background:#f5f5f5;} .d11-7 .lb img {display:block; width:60%; margin:auto;} .d11-7 ul {margin:100px auto; width:70%; overflow:hidden;} .d11-7 ul li {float:left; width:25%; text-align:center;} .d11-7 ul li img {display:block; margin:auto; width:auto; height:50px;} .d11-7 ul li p {margin-top:20px; font-size:18px;} /***** 产品专题页：S60 *****/ .sel-product-detail-12 {} /**/ .d12-1 {} .d12-1 .main {position:relative; padding:100px 0 150px; display:flex; justify-content:space-between; align-items:center;} .d12-1 .text {width:30%;} .d12-1 .text h1 {font-size:72px; margin:0 0 10px 0;} .d12-1 .text h2 {font-size:32px; padding-left:2px; font-weight:600; text-transform:uppercase; color:#cccccc;} .d12-1 .text h3 {font-size:64px; color:#f6aa00; margin-top:40px;} .d12-1 .text p {font-size:22px; color:#4d4d4d;} .d12-1 .img {float:right; width:70%;} /**/ .d12-2 { position:relative; padding:200px 0; background:#000000 url("../images/p12/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d12-2 .text {position:relative; z-index:2;} .d12-2 .text ul {display:flex; justify-content:center; width:80%; margin:auto;} .d12-2 .text ul li {width:33.333333%; color:#ffffff; text-align:center;} .d12-2 .text ul li h4 {font-size:56px; margin-bottom:10px;} .d12-2 .text ul li h4 em {vertical-align:super; font-size:36px; line-height:1;} .d12-2 .text ul li p {font-size:18px;} .d12-2 .video {} .d12-2 .video .mask {} .d12-2 .video video {} /**/ .d12-3 {padding:150px 0; position:relative; background:url("../images/p12/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-3::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.4);} .d12-3 .text {width:50%; position:relative; z-index:1;} .d12-3 .text h2 {font-size:90px; position:relative; line-height:1; margin-bottom:20px;} .d12-3 .text h2 em {font-size:64px; font-weight:normal; font-style:normal; color:#f6aa00; position:absolute; left:160px; top:-15px; } .d12-3 .text h2 span {font-size:32px; padding-left:40px; font-weight:normal; position:absolute; left:155px; bottom:10px;} .d12-3 .text h3 {font-size:36px; width:55%;} .d12-3 .text ul {margin:60px 0 80px;} .d12-3 .text ul li {overflow:hidden;} .d12-3 .text ul li h4 { float:left; margin-right:30px; padding-top:30px; font-size:22px;} .d12-3 .text ul li .speedLine { float:left; font-size:64px; color:#f6aa00; line-height:1;} .d12-3 .text ul li .speedLine em {font-style:normal; font-weight:500; font-size:56px;} .d12-3 .text ul li .speedLine .sFill { display:inline-block; margin-right:20px; width:100px; height:24px; background:#f6aa00;} .d12-3 .text ul li .speedLine .s2 {width:250px;} .d12-3 .text ul li .speedLine .s3 {width:37.5px;} .d12-3 .text ul li .speedLine span {font-size:22px; padding-left:10px;} .d12-3 .text .desc {font-size:22px; width:80%;} .d12-3 .text .desc em {vertical-align:super; font-size:14px; line-height:1;} /**/ .cover-up-move {} .cum {} .cum img {display:block; width:100%; height:auto;} .s1 { z-index:1; animation:sliderArrow 4s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;} .s2 { z-index:2; animation:sliderArrow 3s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;} .s3 { z-index:3; animation:sliderArrow 2s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;} .move {animation-play-state:running;} /*动画*/ @keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } @-webkit-keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } @-zos-keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } @-o-keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } /**/ .d12-4 {padding:150px 0;} .d12-4 .text {text-align:center;} .d12-4 .text h2 {display:flex; flex-direction:column; font-size:56px; margin-bottom:40px;} .d12-4 .text p {font-size:22px; padding:0 10%;} .d12-4 .text ul {margin:100px 0 0; overflow:hidden;} .d12-4 .text ul li {float:left; width:17.5%;} .d12-4 .text ul li:nth-child(2) , .d12-4 .text ul li:nth-child(4) , .d12-4 .text ul li:nth-child(6) {width:10%; padding-top:20px;} .d12-4 .text ul li img {margin:0 auto 20px;} .d12-4 .text ul li h4 {font-size:18px; font-weight:normal;} /**/ .d12-5 {padding:120px 0 100px; background:#f2f2f2;} .d12-5 .text {text-align:center;} .d12-5 .text ul {} .d12-5 .text ul li {float:left; width:33.333333%;} .d12-5 .text ul li img {display:block; margin:0 auto 30px; width:85%;} .d12-5 .text ul li h4 {font-size:18px;} /**/ .d12-6 {padding:250px 0; position:relative; background:#000000 url("../images/p12/006-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-6::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1);} .d12-6 .text { position:relative; z-index:1; text-align:center; color:#ffffff;} .d12-6 .text h2 {font-size:56px; margin-bottom:80px;} .d12-6 .text ul {width:80%; margin:auto; overflow:hidden;} .d12-6 .text ul li {float:left; width:33.333333%;} .d12-6 .text ul li h4 {font-size:56px; color:#f6aa00;} .d12-6 .text ul li p { font-size:18px; color:#ffffff;} /**/ .d12-7 {padding:200px 0; background:#000000 url("../images/p12/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-7 .text { text-align:center; } .d12-7 .text h2 {display:flex; flex-direction:column; font-size:56px; margin-bottom:40px;} .d12-7 .text p {font-size:22px; padding:0 10%;} /**/ .d12-8 {padding:250px 0; background:#000000 url("../images/p12/008-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; } .d12-8 .text {text-align:center; color:#ffffff;} .d12-8 .text h2 {display:flex; flex-direction:column; font-size:56px;} /**/ .d12-9 {padding:150px 0 100px; position:relative; background:url("../images/p12/009-bg.jpg") no-repeat scroll left bottom / 40% auto; } .d12-9 .img {width:30%; position:absolute; left:0; bottom:0;} .d12-9 .text {width:50%; float:right;} .d12-9 .text h2 {display:flex; flex-direction:column; font-size:56px; margin-bottom:40px;} .d12-9 .text p {font-size:22px;} .d12-9 .text ul {display:flex; padding:80px 0 0 0; overflow:hidden;} .d12-9 .text ul li {width:33.33%;} .d12-9 .text ul li img {display:block; float:left; margin-right:20px; width:40px; height:auto;} .d12-9 .text ul li h4 {line-height:40px; font-size:18px; font-weight:normal;} /**/ .d12-10 {padding:300px 0 450px; position:relative; background:url("../images/p12/010-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-10::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.2);} .d12-10 .text {position:relative; z-index:1;} .d12-10 .text h2 {display:flex; flex-direction:column; font-size:56px; margin-bottom:40px;} .d12-10 .text p {font-size:22px; padding:0 64% 0 0;} /**/ .d12-11 {padding:100px 0 40px; background:#000000;} .d12-11 h2 {font-size:44px; color:#ffffff; text-align:center;} .d12-11 .img-box h4 {display:none;} /***** 产品专题页：HD-550 *****/ .sel-product-detail-13 {} /**/ .d13-1 {background-color:#000000; background-image:url("../images/p13/001-bg.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;} .d13-1 .main {padding:280px 0 250px; position:relative;} .d13-1 .text {color:#ffffff;} .d13-1 .text h1 {font-size:72px;} .d13-1 p { font-size:32px; color:#ffffff; margin-top:60px; line-height:1.2;} .d13-1 p span {font-size:44px; font-weight:bold;} .d13-1 .img {width:28%; margin:20px 0 0;} .d13-1 .img img {} .d13-1 .img ul {} .d13-1 .img ul li {float:left; width:33.333333%; padding:0px 10px 10px 0;} /**/ .d13-2 {padding:150px 0; background:#000000;} .d13-2 .row {position:absolute; left:0; right:0; top:10%;} .d13-2 .img {position:relative; width:100%; margin:auto;} .d13-2 .img img {width:90%; display:block; margin:auto;} .d13-2 h2 {font-size:44px; color:#ffffff;} /*第三屏 、 第四屏公共*/ .con34 {padding:150px 0;} .con34 .text {text-align:center;} .con34 .text .sh {text-align:center; overflow:hidden;} .con34 .text .shl {display:inline-block; width:110px;} .con34 .text .shr {display:inline-block; text-align:left; padding-left:30px;} .con34 .text .shr h2 {font-size:44px; line-height:1;} .con34 .text .shr p {font-size:18px;} .con34 .text p.desc { margin-top:40px; padding:0 5%; font-size:22px;} .con34 .img { margin:50px auto 0; text-align:center;} .con34 .img .t {margin-bottom:60px;} .con34 .img .t ul {padding:0 11%;} .con34 .img .t ul li {float:left; width:23.333333%; padding:0 4%;} .con34 .img .t ul li span { display:block; font-size:14px; color:#4d4d4d; line-height:1.2;} .con34 .img .t ul li img { margin-bottom:10px; border:1px solid #8d8d8d; border-radius:15px;} .con34 .img .t ul li:nth-child(2) , .con34 .img .t ul li:nth-child(4) {width:15%; padding:6% 2% 0;} .con34 .img .t ul li:nth-child(2) img , .con34 .img .t ul li:nth-child(4) img {border:none; border-radius:0;} .con34 .img .tf ul li { width:42.5%;} .con34 .img .tf ul li span {} .con34 .img .tf ul li img {border:none; border-radius:0; margin-bottom:20px;} .con34 .img .tf ul li:nth-child(2) {padding:13% 2% 0;} /**/ .con34 .img .b {} .con34 .img .b ul {padding:0 5%;} .con34 .img .b ul li {float:left; width:33.333333%; padding:0 4%;} .con34 .img .b ul li img {margin-bottom:10px;} .con34 .img .b ul li span {} .con34 .img .b ul li img:nth-child(1) {width:40%; margin:0 auto 10px;} .con34 .img .b ul li img:nth-child(4) {margin-top:30px;} /**/ .d13-4 {background:#f2f2f2;} /**/ .d13-5 {padding:150px 0;} .d13-5 .row {display:flex; align-items:center;} .d13-5 .img {float:left; width:35%;} .d13-5 .text { float:left; width:65%; padding-left:100px;} .d13-5 .text h2 {font-size:32px; margin-bottom:20px;} .d13-5 .text .desc {font-size:22px; margin-bottom:40px;} .d13-5 .text img {width:60%;} .d13-5 .text ul {} .d13-5 .text ul li {padding:50px 0;} .d13-5 .text ul li h3 { font-size:32px; margin-bottom:10px;} .d13-5 .text ul li p {font-size:18px;} .d13-5 .text ul li span {font-size:18px;} .d13-5 .text ul li h4 {font-size:22px;} .d13-5 .text ul li:last-child p {list-style:decimal;} .d13-5 .text ul li:last-child p:nth-child(2) {margin-bottom:10px;} /**/ .d13-6 {background:#000000;} .d13-6 .row {position:relative;} .d13-6 .img {float:left; width:60%; margin-bottom:100px; padding-right:80px;} .d13-6 .img img {} .d13-6 .text { width:50%; padding-left:100px; color:#ffffff; position: absolute; z-index:3; top:50%; right:0; -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);} .d13-6 .text h2 {font-size:44px; margin-bottom:40px;} .d13-6 .text .desc {font-size:22px;} /**/ .d13-7 {padding:150px 0;} .d13-7 .text {width:80%; margin:auto;} .d13-7 .text ul {} .d13-7 .text ul li {display:flex; align-items:center; margin:0 0 80px 0; overflow:hidden;} .d13-7 .text ul li img { float:left; width:35%; display:block; border-radius:10px;} .d13-7 .text ul li .fr {float:left; width:65%; padding:0 0 0 60px;} .d13-7 .text ul li .fr h4 {font-size:32px; margin-bottom:20px;} .d13-7 .text ul li .fr p {font-size:18px;} .d13-7 .text ul li .fr ul {margin-top:20px; display:flex; overflow:hidden;} .d13-7 .text ul li .fr ul li {display:block; margin:0 40px 0 0; text-align:center;} .d13-7 .text ul li .fr ul li img { float:none; display:inline; width:40px; margin-bottom:4px; border:1px solid #333333; border-radius:100%;} .d13-7 .text ul li .fr ul li p {font-size:12px;} .d13-7 .text ul li:last-child {margin:0;} /***** 产品专题页：高清探头 *****/ .sel-product-detail-14 {} /* public */ .sel-product-detail-14 .con {} .sel-product-detail-14 .con .text {text-align:center;} .sel-product-detail-14 .con .text h2 {font-size:44px;} .sel-product-detail-14 .con .text ul { margin-top:60px; overflow:hidden;} .sel-product-detail-14 .con .text ul li {float:left; margin-bottom:40px; padding:0 5%;} .sel-product-detail-14 .con .text ul li h3 {font-size:22px; margin-bottom:10px;} .sel-product-detail-14 .con .text ul li .t {font-size:18px; display:none;} .sel-product-detail-14 .con .text ul li img {display:block; margin:40px auto 20px; border-radius:20px;} .sel-product-detail-14 .con .text ul li .b {font-size:16px; padding:0 12%;} /**/ .d14-1 {background:url("../images/p14/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d14-1 .main {padding:350px 0; position:relative;} .d14-1 .text {text-align:center;} .d14-1 .text h1 {font-size:72px;} .d14-1 .text h2 {font-size:32px;} /**/ .d14-2 {padding:150px 0 100px; background:#f2f2f2;} .d14-2 .text {text-align:center;} .d14-2 .text h2 {font-size:44px;} .d14-2 .text ul { margin-top:80px; overflow:hidden;} .d14-2 .text ul li {float:left; width:25%; padding:0 2%;} .d14-2 .text ul li img {display:block; margin:auto;} .d14-2 .text ul li h4 {margin-top:20px; font-size:22px;} /**/ .d14-3 {padding:0 0 100px; background:#f2f2f2;} .d14-3 .text {text-align:center;} .d14-3 .text ul { margin-bottom:80px; padding:0 10%; overflow:hidden;} .d14-3 .text ul li {float:left; width:50%; padding:0 5%;} .d14-3 .text ul li h3 {font-size:22px; margin-bottom:50px;} .d14-3 .text ul li img {display:block; margin:auto; border-radius:20px;} .d14-3 .text .intro {font-size:22px; padding:0 20%;} /**/ .d14-4 {padding:150px 0 80px;} .d14-4 .text ul li {width:50%;} .d14-4 .text ul li img {border:1px solid #e0e0e0;} /**/ .d14-5 {padding:150px 0 80px; background:#f2f2f2;} .d14-5 .text ul li {width:50%;} /***** 产品专题页：HD-350 *****/ .sel-product-detail-15 {} /**/ .d15-1 {} .d15-1 .main {padding:150px 0; position:relative;} .d15-1 .text {text-align:center;} .d15-1 .text h1 {font-size:120px;} .d15-1 .text p {font-size:22px; margin:4px 0 30px 0;} .d15-1 .text h2 {font-size:44px;} .d15-1 .img {width:70%; margin:50px auto 0;} .d15-1 .img img {display:block;} /**/ .d15-2 {padding:0 0 150px;} .d15-2 h2 {font-size:54px; text-align:center; margin-bottom:40px;} .d15-2 .img {float:left; width:49%; padding:0 5% 0 10%;} .d15-2 .img img {display:block;} .d15-2 .text {float:left; width:50%;} .d15-2 .text p {font-size:28px; margin-top:60px; padding-right:20%;} .d15-2 .text ul {margin-top:80px;} .d15-2 .text ul li {width:100%; margin-bottom:50px; overflow:hidden;} .d15-2 .text ul li span {display:block; float:left; width:80px; height:80px; border-radius:100%; border:2px solid rgba(0, 0, 0, 0.1);} .d15-2 .text ul li .s1 {background:url("../images/p15/002-1.jpg") no-repeat scroll center center / 80% auto;} .d15-2 .text ul li .s2 {background:url("../images/p15/002-2.jpg") no-repeat scroll center center / 80% auto;} .d15-2 .text ul li .s3 {background:url("../images/p15/002-3.jpg") no-repeat scroll center center / 80% auto;} .d15-2 .text ul li .s4 {background:url("../images/p15/002-4.jpg") no-repeat scroll center center / 80% auto;} .d15-2 .text ul li p {font-size:22px; float:left; margin:20px 0 0 20px;} /**/ .d15-3 {padding:0 0 150px;} .d15-3 .text {text-align:center;} .d15-3 .text h2 {font-size:54px; margin-bottom:40px;} .d15-3 .text .intro {font-size:28px; padding:0 20%;} .d15-3 .text ul {margin-top:80px; padding:0 10%;} .d15-3 .text ul li {width:100%; margin-bottom:80px; overflow:hidden;} .d15-3 .text ul li p {font-size:22px; margin-bottom:40px; font-weight:500;} .d15-3 .text ul li .nj {position:relative;} .d15-3 .text ul li .nj .arrow {display:block; width:30px; height:30px; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px; background:url("../images/p15/arrow.svg") no-repeat scroll center center / 100% auto;;} .d15-3 .text ul li img {display:block;} /**/ .d15-4 {color:#FFFFFF; padding:150px 0; background:#000000;} .d15-4 .shead {margin-bottom:100px;} .d15-4 .shead .ti {display:flex; justify-content:center; align-items:center; margin-bottom:40px;} .d15-4 .shead .ti img {width:150px; border:1px solid #009FAB; border-radius:10px;} .d15-4 .shead .ti .si {padding-left:30px;} .d15-4 .shead .ti .si h2 {font-size:44px;} .d15-4 .shead .ti .si p {font-size:18px;} .d15-4 .shead .intro {font-size:22px;} .d15-4 .img {} .d15-4 .img img {} .d15-4 .img img:nth-child(1) {max-width:600px; margin:0 auto 100px;} .d15-4 .img img:nth-child(2) {} /***** 产品专题页：ENL-500 *****/ .sel-product-detail-16 {} /**/ .d16-1 {} .d16-1 .main {padding:250px 0; position:relative; background:url("../images/p16/001-bg.jpg") no-repeat scroll -8px center / 100% auto;} .d16-1 .text {text-align:center;} .d16-1 .text h1 {font-size:100px;} .d16-1 .text p {font-size:44px;} /**/ .d16-2 {padding:100px 0; background:#000000 url("../images/p16/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d16-2 .text {text-align:center; color:#ffffff;} .d16-2 .text ul {overflow:hidden;} .d16-2 .text ul li {float:left; width:50%; padding:6% 4%;} .d16-2 .text ul li h2 {font-size:44px; margin-bottom:20px;} .d16-2 .text ul li p {font-size:22px;} /**/ .d16-3 {padding:100px 0;} .d16-3 .img {margin-bottom:80px;} .d16-3 .img ul { padding:0 18.85%; overflow:hidden;} .d16-3 .img ul li {float:left; width:50%; padding:0 2%;} .d16-3 .img img {display:block; margin:auto;} .d16-3 .text {padding:0 20%;} .d16-3 .text ul {border-top:1px solid #f2f2f2;} .d16-3 .text ul li { border-bottom:1px solid #f2f2f2; font-size:16px; overflow:hidden;} .d16-3 .text ul li .fl {float:left; width:50%; padding:15px 60px; text-align:right; font-weight:bold; border-right:1px solid #f2f2f2;} .d16-3 .text ul li .fr {float:right; width:50%; padding:15px 60px; text-align:left;} /***** 产品专题页：P25 *****/ .sel-product-detail-17 {} /**/ .d17-1 {position:relative; padding:400px 0; background:#f2f2f2 url("../images/p17/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d17-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.1;} .d17-1 .text {position:relative; color:#ffffff;} .d17-1 h1 { font-size:72px;} .d17-1 p { font-size:32px; margin-top:5px;} /**/ .d17-2 {padding:40px 0 0; background:#000000; overflow:hidden;} .d17-2 .row {position:relative;} .d17-2 .text { float:left; width:40%; color:#ffffff; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);} .d17-2 .text p {font-size:28px;} .d17-2 .img {float:right; width:50%; transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);} .d17-2 .img img {} .d17-2 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);} /**/ .d17-3 {padding:150px 0; background:#f2f2f2;} .d17-3 .text {} .d17-3 .text ul {} .d17-3 .text ul li { margin:0; overflow:hidden;} .d17-3 .text ul li img {float:left; display:block; width:50%; height:auto; margin:auto;} .d17-3 .text ul li .w {float:right; width:50%; padding:0 0 0 80px;} .d17-3 .text ul li .w h4 {margin:0 0 20px; font-size:44px;} .d17-3 .text ul li .w p {font-size:18px;} .d17-3 .text ul li:nth-child(2) {margin:0;} .d17-3 .text ul li:nth-child(2) img {float:right;} .d17-3 .text ul li:nth-child(2) .w {float:left; padding:0 80px 0 0;} /**/ .d17-4 {padding:150px 0 0;} .d17-4 .row {} .d17-4 .text {text-align:center;} .d17-4 .text h2 {font-size:56px;} .d17-4 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:40%;} .d17-4 .img ul {overflow:hidden;} .d17-4 .img ul li {float:left; width:50%; padding-right:20px; text-align:center;} .d17-4 .img ul li img {width:100%;} .d17-4 .img ul li h4 { padding:20px 0 0; font-size:22px;} /**/ .d17-5 {padding:150px 0 0;} .d17-5 .text {text-align:center;} .d17-5 .text h2 {font-size:56px;} .d17-5 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:60%;} .d17-5 .img ul {overflow:hidden;} .d17-5 .img ul li {float:left; width:33.333333%; padding-right:20px; text-align:center;} .d17-5 .img ul li img {width:100%; border:1px solid #000000;} .d17-5 .img ul li h4 { padding:20px 0 0; font-size:22px;} /**/ .d17-6 {padding:150px 0 0;} .d17-6 .text {} .d17-6 .text .img {} .d17-6 .text .img ul { padding:80px 0; overflow:hidden;} .d17-6 .text .img li {float:left; width:50%; padding-right:20px;} .d17-6 .text .img li h2 {font-size:22px;} .d17-6 .text .img li img {width:100%; margin:20px 0;} .d17-6 .text .img li p {font-size:18px;} .d17-6 .text .img:nth-child(1) , .d17-6 .text .img:nth-child(3) {background:#f2f2f2;} /**/ .d17-7 {position:relative; padding:150px 0; background:#f2f2f2 url("../images/p17/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d17-7 .row {position:relative;} .d17-7::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.4;} .d17-7 .text { float:left; text-align:center; width:50%; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);} .d17-7 .text h2 {font-size:56px; color:#ffffff;} .d17-7 .img {float:right; width:50%; position:relative;} .d17-7 .img ul {} .d17-7 .img ul li {float:left; width:33.333333%; padding:0 20px 60px 0; text-align:center;} .d17-7 .img ul li img {} .d17-7 .img ul li h4 {font-size:16px; font-weight:normal; padding:20px 0 0 0; color:#fff;} .d17-7 .img ul li:nth-child(4), .d17-7 .img ul li:nth-child(5), .d17-7 .img ul li:nth-child(6) {padding-bottom:0;} /**/ .d17-8 { padding:100px 0; background:#000000;} .d17-8 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 产品专题页：P15 *****/ .sel-product-detail-18 {} /**/ .d18-1 {position:relative; padding:400px 0; background:#f2f2f2 url("../images/p18/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d18-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.1;} .d18-1 .text {position:relative; text-align:center; color:#ffffff;} .d18-1 h1 { font-size:72px; line-height:1;} .d18-1 p { font-size:32px; margin-top:5px;} /**/ .d18-2 {padding:40px 0 0; background:#000000; overflow:hidden;} .d18-2 .row {position:relative;} .d18-2 .text { float:left; width:40%; color:#ffffff; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);} .d18-2 .text p {font-size:28px;} .d18-2 .img {float:right; width:50%; transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);} .d18-2 .img img {} .d18-2 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);} /**/ .d18-3 {padding:150px 0; background:#f2f2f2;} .d18-3 .text {} .d18-3 .text ul {} .d18-3 .text ul li {overflow:hidden;} .d18-3 .text ul li img {float:left; display:block; width:50%; height:auto; margin:auto;} .d18-3 .text ul li .w {float:right; width:50%; padding:0 0 0 80px;} .d18-3 .text ul li .w h4 {margin:0 0 20px; font-size:44px;} .d18-3 .text ul li .w p {font-size:18px;} .d18-3 .text ul li:nth-child(2) {margin:0;} .d18-3 .text ul li:nth-child(2) img {float:right;} .d18-3 .text ul li:nth-child(2) .w {float:left; padding:0 80px 0 0;} /**/ .d18-4 {padding:150px 0 0;} .d18-4 .row {} .d18-4 .text {text-align:center;} .d18-4 .text h2 {font-size:56px;} .d18-4 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:40%;} .d18-4 .img ul {overflow:hidden;} .d18-4 .img ul li {float:left; width:50%; padding-right:20px; text-align:center;} .d18-4 .img ul li img {width:100%;} .d18-4 .img ul li h4 { padding:20px 0 0; font-size:22px;} /**/ .d18-5 {padding:150px 0 0;} .d18-5 .text {text-align:center;} .d18-5 .text h2 {font-size:56px;} .d18-5 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:60%;} .d18-5 .img ul {overflow:hidden;} .d18-5 .img ul li {float:left; width:33.333333%; padding-right:20px; text-align:center;} .d18-5 .img ul li img {width:100%; border:1px solid #000000;} .d18-5 .img ul li h4 { padding:20px 0 0; font-size:22px;} /**/ .d18-6 {padding:150px 0 0;} .d18-6 .text {} .d18-6 .text .img {} .d18-6 .text .img ul { padding:80px 0; overflow:hidden;} .d18-6 .text .img li {float:left; width:50%; padding-right:20px;} .d18-6 .text .img li h2 {font-size:22px;} .d18-6 .text .img li img {width:100%; margin:20px 0;} .d18-6 .text .img li p {font-size:18px;} .d18-6 .text .img:nth-child(1) , .d17-6 .text .img:nth-child(3) {background:#f2f2f2;} /**/ .d18-7 {padding:150px 0;} .d18-7 .fl { float:left; width:50%;} .d18-7 .fl img {} .d18-7 .fr {float:right; width:50%;} .d18-7 .fr h2 {font-size:56px;} .d18-7 .fr ul {margin-top:100px;} .d18-7 .fr ul li {float:left; width:33.333333%; padding:0 20px 60px 0; text-align:center;} .d18-7 .fr ul li img {} .d18-7 .fr ul li h4 {font-size:16px; font-weight:normal; padding:20px 0 0 0;} .d18-7 .fr ul li:nth-child(7) {padding-bottom:0;} /**/ .d18-8 { padding:100px 0; background:#000000;} .d18-8 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 产品专题页：P20 *****/ .sel-product-detail-19 {} /**/ .d19-1 {position:relative; padding:400px 0; background:#f2f2f2 url("../images/p19/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d19-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.1;} .d19-1 .text {position:relative; text-align:center; color:#ffffff;} .d19-1 h1 { font-size:72px;} .d19-1 p { font-size:32px; margin-top:5px;} /**/ .d19-2 {padding:40px 0 0; background:#000000; overflow:hidden;} .d19-2 .row {position:relative;} .d19-2 .text { float:left; width:40%; color:#ffffff; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);} .d19-2 .text p {font-size:28px;} .d19-2 .img {float:right; width:50%; transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);} .d19-2 .img img {} .d19-2 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);} /**/ .d19-3 {padding:150px 0; background:#f2f2f2;} .d19-3 .text {} .d19-3 .text ul {} .d19-3 .text ul li { margin:0; overflow:hidden;} .d19-3 .text ul li img {float:left; display:block; width:50%; height:auto; margin:auto;} .d19-3 .text ul li .w {float:right; width:50%; padding:0 0 0 80px;} .d19-3 .text ul li .w h4 {margin:0 0 20px; font-size:44px;} .d19-3 .text ul li .w p {font-size:18px;} .d19-3 .text ul li:nth-child(2) {margin:0;} .d19-3 .text ul li:nth-child(2) img {float:right;} .d19-3 .text ul li:nth-child(2) .w {float:left; padding:0 80px 0 0;} /**/ .d19-4 {padding:150px 0 0;} .d19-4 .row {} .d19-4 .text {text-align:center;} .d19-4 .text h2 {font-size:56px;} .d19-4 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:40%;} .d19-4 .img ul {overflow:hidden;} .d19-4 .img ul li {float:left; width:50%; padding-right:20px; text-align:center;} .d19-4 .img ul li img {width:100%;} .d19-4 .img ul li h4 { padding:20px 0 0; font-size:22px;} /**/ .d19-5 {padding:150px 0 0;} .d19-5 .text {text-align:center;} .d19-5 .text h2 {font-size:56px;} .d19-5 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:60%;} .d19-5 .img ul {overflow:hidden;} .d19-5 .img ul li {float:left; width:33.333333%; padding-right:20px; text-align:center;} .d19-5 .img ul li img {width:100%; border:1px solid #000000;} .d19-5 .img ul li h4 { padding:20px 0 0; font-size:22px;} /**/ .d19-6 {padding:150px 0 0;} .d19-6 .text {} .d19-6 .text h2 {font-size:56px; text-align:center; margin-top:100px;} .d19-6 .text .img {} .d19-6 .text .img ul { padding:80px 0; overflow:hidden;} .d19-6 .text .img li {float:left; width:50%; padding-right:20px;} .d19-6 .text .img li h3 {font-size:22px;} .d19-6 .text .img li img {width:100%; margin:20px 0;} .d19-6 .text .img li p {font-size:18px;} .d19-6 .text .img:nth-child(1) , .d19-6 .text .img:nth-child(3) {background:#f2f2f2;} /**/ .d19-7 { background:#f2f2f2;} .d19-7 .img { float:left; width:50%;} .d19-7 .img img {} .d19-7 .text {float:right; width:50%; padding:150px 0 0 60px;} .d19-7 .text h2 {font-size:56px; margin-bottom:60px;} .d19-7 .text ul {} .d19-7 .text ul li {float:left; width:50%; margin-bottom:60px; padding:0 40px 0 0;} .d19-7 .text ul li h4 {font-size:22px; margin-bottom:5px;} .d19-7 .text ul li p {font-size:18px;} /**/ .d19-8 { padding:100px 0; background:#000000;} .d19-8 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 产品专题页：SC9600CRP *****/ .sel-product-detail-20 {overflow:hidden;} /**/ .d20-1 {position:relative; padding:150px 0; background:#ffffff url("../images/p20/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d20-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; opacity:0.2;} .d20-1 .ti { position:relative; z-index:1; /*水平垂直居中:; position: absolute; z-index:3; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); */ transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);} .d20-1 .ti img {display:block; margin:auto;} .d20-1 .ti img:nth-child(1) {margin-bottom:20px;} .d20-1 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);} .d20-1 .text { text-align:center;} .d20-1 p { font-size:28px; margin-bottom:20px;} .d20-1 h1 { font-size:56px; line-height:1;} .d20-1 .img { width:50%; margin:80px auto 0;} .dbg {} .dbg span { width: 30vmin; height: 30vmin; border-radius: 20vmin; backface-visibility: hidden; position: absolute; animation-name: move; animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; } .dbg span:nth-child(1) { color: #ffffff; top: 44%; left: 97%; animation-duration: 15s; animation-delay: -13.8s; transform-origin: 11vw -22vh; box-shadow: 40vmin 0 10.12735945vmin currentColor; } .dbg span:nth-child(2) { color: #ffffff; top: 93%; left: 8%; animation-duration: 13.8s; animation-delay: -10.9s; transform-origin: 10vw 23vh; box-shadow: 40vmin 0 12.7346672971vmin currentColor; } .dbg span:nth-child(3) { color: #ffffff; top: 14%; left: 41%; animation-duration: 15.9s; animation-delay: -6.7s; transform-origin: -9vw -24vh; box-shadow: -40vmin 0 11.4923952406vmin currentColor; } .dbg span:nth-child(4) { color: #ffffff; top: 52%; left: 75%; animation-duration: 14.3s; animation-delay: -12.6s; transform-origin: 16vw 25vh; box-shadow: 40vmin 0 13.3657534039vmin currentColor; } .dbg span:nth-child(5) { color: #ffffff; top: 7%; left: 5%; animation-duration: 15.9s; animation-delay: -10s; transform-origin: 8vw 3vh; box-shadow: -40vmin 0 13.3942178273vmin currentColor; } .dbg span:nth-child(6) { color: #ffffff; top: 35%; left: 1%; animation-duration: 11.6s; animation-delay: -6s; transform-origin: 0vw 17vh; box-shadow: -40vmin 0 7.6304875279vmin currentColor; } .dbg span:nth-child(7) { color: #ffffff; top: 42%; left: 84%; animation-duration: 11s; animation-delay: -6.9s; transform-origin: 11vw -8vh; box-shadow: 40vmin 0 13.6665321499vmin currentColor; } .dbg span:nth-child(8) { color: #ffffff; top: 53%; left: 95%; animation-duration: 15s; animation-delay: -10.9s; transform-origin: 25vw 15vh; box-shadow: 40vmin 0 13.2849881717vmin currentColor; } .dbg span:nth-child(9) { color: #ffffff; top: 75%; left: 67%; animation-duration: 11.7s; animation-delay: -13.9s; transform-origin: -11vw -3vh; box-shadow: 40vmin 0 7.2158804055vmin currentColor; } .dbg span:nth-child(10) { color: #ffffff; top: 59%; left: 51%; animation-duration: 12.1s; animation-delay: -11.7s; transform-origin: -5vw -7vh; box-shadow: -40vmin 0 7.4269772253vmin currentColor; } .dbg span:nth-child(11) { color: #ffffff; top: 80%; left: 91%; animation-duration: 13.4s; animation-delay: -5.9s; transform-origin: 7vw -19vh; box-shadow: 40vmin 0 11.2741559637vmin currentColor; } .dbg span:nth-child(12) { color: #ffffff; top: 68%; left: 97%; animation-duration: 15.8s; animation-delay: -8.2s; transform-origin: 24vw 3vh; box-shadow: 40vmin 0 11.2552482722vmin currentColor; } .dbg span:nth-child(13) { color: #ffffff; top: 69%; left: 46%; animation-duration: 10.4s; animation-delay: -11.5s; transform-origin: 13vw 24vh; box-shadow: -40vmin 0 6.2939412125vmin currentColor; } .dbg span:nth-child(14) { color: #ffffff; top: 98%; left: 63%; animation-duration: 14.2s; animation-delay: -3s; transform-origin: -13vw -15vh; box-shadow: -40vmin 0 10.5039271244vmin currentColor; } .dbg span:nth-child(15) { color: #ffffff; top: 12%; left: 20%; animation-duration: 14s; animation-delay: -6.8s; transform-origin: 7vw 20vh; box-shadow: 40vmin 0 10.924056322vmin currentColor; } .dbg span:nth-child(16) { color: #ffffff; top: 29%; left: 20%; animation-duration: 11s; animation-delay: -14.4s; transform-origin: -20vw 4vh; box-shadow: -40vmin 0 13.3859956789vmin currentColor; } .dbg span:nth-child(17) { color: #ffffff; top: 88%; left: 87%; animation-duration: 10.7s; animation-delay: -3.7s; transform-origin: -11vw 12vh; box-shadow: 40vmin 0 14.8726292689vmin currentColor; } .dbg span:nth-child(18) { color: #ffffff; top: 57%; left: 35%; animation-duration: 10.1s; animation-delay: -13.6s; transform-origin: -19vw -1vh; box-shadow: 40vmin 0 8.5771411832vmin currentColor; } .dbg span:nth-child(19) { color: #ffffff; top: 11%; left: 37%; animation-duration: 11.5s; animation-delay: -10.1s; transform-origin: -20vw 22vh; box-shadow: 40vmin 0 8.1729042124vmin currentColor; } .dbg span:nth-child(20) { color: #ffffff; top: 53%; left: 60%; animation-duration: 12.3s; animation-delay: -11.3s; transform-origin: 10vw -1vh; box-shadow: 40vmin 0 13.5347652223vmin currentColor; } @keyframes move { 100% { transform: translate3d(0, 0, 1px) rotate(360deg); } } /**/ .d20-2 { position:relative; width:100%; padding:150px 0; background:#000000 url("../images/p20/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d20-2:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(214,214,215,0.8);} .d20-2 .text {text-align:center; position:relative;} .d20-2 .text p {font-size:32px;} .d20-2 .text ul {margin-top:50px;} .d20-2 .text ul li { float:left; width:33.333333%; font-size:52px; font-weight:600; position:relative;} .d20-2 .text ul li .line {width:50%; margin:auto;} .d20-2 .text ul li .line .move { width:0; height:10px; background:#00c7c0; margin:20px 0 0; animation:linemove 0.6s cubic-bezier(0.8, 0.2, 0, 1) 1 alternate forwards; animation-delay:0.6s; } @keyframes linemove { 100% { width:100%; } } .d20-2 .text ul li em {font-style:normal;} .d20-2 .text ul li span {} /**/ .d20-4 {padding:150px 0;} .d20-4 .text {text-align:center;} .d20-4 .text h2 {font-size:52px;} .d20-4 .text .intro {font-size:18px; margin:60px 0;} .d20-4 .text .op {font-size:18px;} .d20-4 .text ul { margin-top:40px; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap;} .d20-4 .text ul li {flex:0 0 16.666666%; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap;} .d20-4 .text ul li .inner {padding:80px 40px;} .d20-4 .text ul li:nth-child(1) .inner , .d20-4 .text ul li:nth-child(3) .inner , .d20-4 .text ul li:nth-child(5) .inner {background:#f2f2f2;} .d20-4 .text ul li h4 {font-size:18px; height:20%;} .d20-4 .text ul li p {font-size:16px; height:40%; margin-top:40px;} .d20-4 .text ul li p:nth-child(3) {margin:0;} /**/ .d20-5 {padding:150px 0 0; position:relative;} .d20-5 .cbox { position:absolute; z-index:-2; width:100%; height:100%; transition:all 2s ease-out 0s; top:0;} .d20-5 .cell-1 {left:0; top:30%; width:300px; height:300px; background:url("../images/p20/cell-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d20-5 .cell-2 {right:0; top:-20%; width:500px; height:500px; background:url("../images/p20/cell-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d20-5 .cell-3 {right:0; top:120%; width:200px; height:200px; background:url("../images/p20/cell-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d20-5 .cell-4 {right:0; top:160%; width:600px; height:600px; background:url("../images/p20/cell-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d20-5 .cell-5 {right:20%; top:260%; width:200px; height:200px; background:url("../images/p20/cell-5.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d20-5 .cell { border-radius: 20vmin; animation-name: cellsports; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; position:absolute; z-index:-1; } @keyframes cellsports { 100% { transform: translate3d(0, 0, 1px) rotate(360deg); } } .d20-5 .moveT { transition:all 2s ease-out 0s; top:30%;} .d20-5 .text {text-align:center;} .d20-5 .text .s {font-size:52px; font-weight:600;} .d20-5 .text .s .stitle {} .d20-5 .text img {} .d20-5 .text .intro {font-size:18px;} .d20-5 .text .img {width:60%; margin:auto; position:relative;} .d20-5 .text .img span {position:absolute; z-index:9;} .d20-5 .text .img span.note-1 {left:-6%; top:28%; text-align:left;} .d20-5 .text .img span.note-2 {right:0%; top:19%;} .d20-5 .text .img span.note-3 {right:-6%; top:45%;} .d20-5 .text .img span.note-4 {right:-11%; top:76%;} .d20-5 .text .img span.note-5 {left:40%; top:80%;} .d20-5 .text .img img.circle {position:absolute; width:5%;} /**/ .d20-5 .text .img img.circle1 {animation:shinemove2051 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards; animation-delay:0.2s;} @keyframes shinemove2051 { 0% { opacity:0; left:15%; top:27%; } 50% { opacity:1; left:25%; top:35%; } 100% { opacity:0; left:40%; top:46%; } } /**/ .d20-5 .text .img img.circle2 {animation:shinemove2052 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;} @keyframes shinemove2052 { 0% { left:51%; top:42%; } 100% { left:69%; top:23%; } } /**/ .d20-5 .text .img img.circle3 {animation:shinemove2053 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;} @keyframes shinemove2053 { 0% { left:48%; top:49%; } 100% { left:71%; top:44%; } } /**/ .d20-5 .text .img img.circle4 { width:20%; animation:shinemove2054 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;} @keyframes shinemove2054 { 0% { left:50%; top:51%; } 100% { left:60%; top:60%; } } /**/ .d20-6 {padding:200px 0 100px;} .d20-6 ul {} .d20-6 ul li { margin-bottom:40px; overflow:hidden;} .d20-6 ul li img {float:left; width:30%; border-radius:4px;} .d20-6 ul li .r {float:left; width:70%; padding-left:40px;} .d20-6 ul li .r h2 {margin-bottom:20px; font-size:22px;} .d20-6 ul li .r p {font-size:18px;} /***** 产品专题页：SC5280CRP *****/ .sel-product-detail-21 {overflow:hidden;} /**/ .d21-1 {position:relative; height:calc(100vh - 90px); background:#ffffff url("../images/p21/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d21-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; opacity:0.2;} .d21-1 .ti { z-index:3; max-width:1200px; width:100%; height:calc(100vh - 90px); position:relative;} /**/ .d21-1 .ti .text { float:left; width:40%; height:100%; color:#333333; text-align:center;} .d21-1 .ti .text .inner {position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);} /**/ .d21-1 .ti .img { float:right; width:60%; height:100%; position:relative;} .d21-1 .ti .img .inner {position: absolute; z-index:3; top:50%; left:50%; width:auto; height:auto; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .d21-1 .ti .img img {display:block; margin:auto; width:auto; height:auto;} .d21-1 p { font-size:28px; margin-bottom:20px; line-height:1.6;} .d21-1 h1 { font-size:56px; line-height:1; margin-bottom:20px;} .dbg {} .dbg span { width: 30vmin; height: 30vmin; border-radius: 20vmin; backface-visibility: hidden; position: absolute; animation-name: move; animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; } .dbg span:nth-child(1) { color: #ffffff; top: 44%; left: 97%; animation-duration: 15s; animation-delay: -13.8s; transform-origin: 11vw -22vh; box-shadow: 40vmin 0 10.12735945vmin currentColor; } .dbg span:nth-child(2) { color: #ffffff; top: 93%; left: 8%; animation-duration: 13.8s; animation-delay: -10.9s; transform-origin: 10vw 23vh; box-shadow: 40vmin 0 12.7346672971vmin currentColor; } .dbg span:nth-child(3) { color: #ffffff; top: 14%; left: 41%; animation-duration: 15.9s; animation-delay: -6.7s; transform-origin: -9vw -24vh; box-shadow: -40vmin 0 11.4923952406vmin currentColor; } .dbg span:nth-child(4) { color: #ffffff; top: 52%; left: 75%; animation-duration: 14.3s; animation-delay: -12.6s; transform-origin: 16vw 25vh; box-shadow: 40vmin 0 13.3657534039vmin currentColor; } .dbg span:nth-child(5) { color: #ffffff; top: 7%; left: 5%; animation-duration: 15.9s; animation-delay: -10s; transform-origin: 8vw 3vh; box-shadow: -40vmin 0 13.3942178273vmin currentColor; } .dbg span:nth-child(6) { color: #ffffff; top: 35%; left: 1%; animation-duration: 11.6s; animation-delay: -6s; transform-origin: 0vw 17vh; box-shadow: -40vmin 0 7.6304875279vmin currentColor; } .dbg span:nth-child(7) { color: #ffffff; top: 42%; left: 84%; animation-duration: 11s; animation-delay: -6.9s; transform-origin: 11vw -8vh; box-shadow: 40vmin 0 13.6665321499vmin currentColor; } .dbg span:nth-child(8) { color: #ffffff; top: 53%; left: 95%; animation-duration: 15s; animation-delay: -10.9s; transform-origin: 25vw 15vh; box-shadow: 40vmin 0 13.2849881717vmin currentColor; } .dbg span:nth-child(9) { color: #ffffff; top: 75%; left: 67%; animation-duration: 11.7s; animation-delay: -13.9s; transform-origin: -11vw -3vh; box-shadow: 40vmin 0 7.2158804055vmin currentColor; } .dbg span:nth-child(10) { color: #ffffff; top: 59%; left: 51%; animation-duration: 12.1s; animation-delay: -11.7s; transform-origin: -5vw -7vh; box-shadow: -40vmin 0 7.4269772253vmin currentColor; } .dbg span:nth-child(11) { color: #ffffff; top: 80%; left: 91%; animation-duration: 13.4s; animation-delay: -5.9s; transform-origin: 7vw -19vh; box-shadow: 40vmin 0 11.2741559637vmin currentColor; } .dbg span:nth-child(12) { color: #ffffff; top: 68%; left: 97%; animation-duration: 15.8s; animation-delay: -8.2s; transform-origin: 24vw 3vh; box-shadow: 40vmin 0 11.2552482722vmin currentColor; } .dbg span:nth-child(13) { color: #ffffff; top: 69%; left: 46%; animation-duration: 10.4s; animation-delay: -11.5s; transform-origin: 13vw 24vh; box-shadow: -40vmin 0 6.2939412125vmin currentColor; } .dbg span:nth-child(14) { color: #ffffff; top: 98%; left: 63%; animation-duration: 14.2s; animation-delay: -3s; transform-origin: -13vw -15vh; box-shadow: -40vmin 0 10.5039271244vmin currentColor; } .dbg span:nth-child(15) { color: #ffffff; top: 12%; left: 20%; animation-duration: 14s; animation-delay: -6.8s; transform-origin: 7vw 20vh; box-shadow: 40vmin 0 10.924056322vmin currentColor; } .dbg span:nth-child(16) { color: #ffffff; top: 29%; left: 20%; animation-duration: 11s; animation-delay: -14.4s; transform-origin: -20vw 4vh; box-shadow: -40vmin 0 13.3859956789vmin currentColor; } .dbg span:nth-child(17) { color: #ffffff; top: 88%; left: 87%; animation-duration: 10.7s; animation-delay: -3.7s; transform-origin: -11vw 12vh; box-shadow: 40vmin 0 14.8726292689vmin currentColor; } .dbg span:nth-child(18) { color: #ffffff; top: 57%; left: 35%; animation-duration: 10.1s; animation-delay: -13.6s; transform-origin: -19vw -1vh; box-shadow: 40vmin 0 8.5771411832vmin currentColor; } .dbg span:nth-child(19) { color: #ffffff; top: 11%; left: 37%; animation-duration: 11.5s; animation-delay: -10.1s; transform-origin: -20vw 22vh; box-shadow: 40vmin 0 8.1729042124vmin currentColor; } .dbg span:nth-child(20) { color: #ffffff; top: 53%; left: 60%; animation-duration: 12.3s; animation-delay: -11.3s; transform-origin: 10vw -1vh; box-shadow: 40vmin 0 13.5347652223vmin currentColor; } @keyframes move { 100% { transform: translate3d(0, 0, 1px) rotate(360deg); } } /**/ .d21-2 { position:relative; width:100%; padding:150px 0; background:url("../images/p21/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d21-2:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(214,214,215,0.8);} .d21-2 .text {} .d21-2 .text p { margin-top:10px; font-size:18px; font-weight:normal; opacity:0.8;} .d21-2 .text ul {margin-top:50px; max-width:1200px; margin:auto;} .d21-2 .text ul li { float:left; width:25%; font-size:64px; font-weight:600; padding:50px 30px; position:relative;} .d21-2 .text ul li .line {width:50%; margin:0 0 20px;} .d21-2 .text ul li .line .move { width:0; height:10px; background:#00c7c0; margin:20px 0 0; animation:linemove456 0.6s cubic-bezier(0.8, 0.2, 0, 1) 1 alternate forwards; animation-delay:0.6s; } @keyframes linemove456 { 100% { width:100%; } } .d21-2 .text ul li em {font-style:normal;} .d21-2 .text ul li span { padding-left:10px; font-size:22px;} /**/ .d21-3 {padding:150px 0; position:relative;} .d21-3 .cbox { position:absolute; z-index:-2; width:100%; height:100%; transition:all 2s ease-out 0s; top:0;} .d21-3 .cell-1 {left:0; top:30%; width:300px; height:300px; background:url("../images/p20/cell-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d21-3 .cell-2 {right:-10%; top:10%; width:500px; height:500px; background:url("../images/p20/cell-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d21-3 .cell-3 {right:0; top:120%; width:200px; height:200px; background:url("../images/p20/cell-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d21-3 .cell-4 {right:5%; top:170%; width:400px; height:400px; background:url("../images/p20/cell-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d21-3 .cell-5 {right:20%; top:260%; width:200px; height:200px; background:url("../images/p20/cell-5.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d21-3 .cell { border-radius: 20vmin; animation-name: cellsports; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; position:absolute; z-index:-1; } @keyframes cellsports { 100% { transform: translate3d(0, 0, 1px) rotate(360deg); } } .d21-3 .moveT { transition:all 2s ease-out 0s; top:30%;} .d21-3 .text {text-align:center;} .d21-3 .text .s {font-size:52px; font-weight:600;} .d21-3 .text .s .stitle {} .d21-3 .text .img {width:60%; margin:auto; position:relative;} .d21-3 .text .img span {position:absolute; z-index:9;} .d21-3 .text .img span.note-1 {left:-6%; top:28%; text-align:left;} .d21-3 .text .img span.note-2 {left:40%; top:80%;} .d21-3 .text .img span.note-3 {right:-4%; top:42%;} .d21-3 .text .img span.note-4 {right:-11%; top:76%;} .d21-3 .text .img img.circle {position:absolute; width:5%;} /**/ .d21-3 .text .img img.circle1 {animation:shinemove2131 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards; animation-delay:0.2s;} @keyframes shinemove2131 { 0% { opacity:0; left:15%; top:27%; } 50% { opacity:1; left:25%; top:35%; } 100% { opacity:0; left:40%; top:46%; } } /**/ .d21-3 .text .img img.circle2 {animation:shinemove2132 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;} @keyframes shinemove2132 { 0% { left:51%; top:42%; } 100% { left:69%; top:23%; } } /**/ .d21-3 .text .img img.circle3 {animation:shinemove2133 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;} @keyframes shinemove2133 { 0% { left:48%; top:49%; } 100% { left:71%; top:44%; } } /**/ .d21-3 .text .img img.circle4 { width:20%; animation:shinemove2134 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;} @keyframes shinemove2134 { 0% { left:50%; top:51%; } 100% { left:60%; top:60%; } } .d21-3 .text .intro {font-size:18px; padding:0 10%;} /**/ .d21-4 {padding:50px 0;} .d21-4 .text {text-align:center;} .d21-4 .text h2 {font-size:52px; margin-bottom:20px;} .d21-4 .text h3 {font-size:22px;} .d21-4 .text .intro {font-size:18px; margin:60px 0; padding:0 10%;} .d21-4 .text .op {font-size:18px;} .d21-4 .text ul { margin-top:40px; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap;} .d21-4 .text ul li {float:left; width:33.333333%;} .d21-4 .text ul li .inner {padding:80px 40px;} .d21-4 .text ul li:nth-child(1) .inner , .d20-4 .text ul li:nth-child(3) .inner , .d20-4 .text ul li:nth-child(5) .inner {background:#f2f2f2;} .d21-4 .text ul li h4 {font-size:18px; height:20%;} .d21-4 .text ul li p {font-size:16px; height:40%; margin-top:40px;} .d21-4 .text ul li p:nth-child(3) {margin:0;} /**/ .d21-5 {padding:200px 0 100px;} .d21-5 .title {text-align:center; margin-bottom:150px;} .d21-5 .title h2 {font-size:52px;} .d21-5 ul {} .d21-5 ul li { margin-bottom:40px; overflow:hidden;} .d21-5 ul li img {float:left; width:30%; border-radius:4px;} .d21-5 ul li .r {float:left; width:70%; padding-left:40px;} .d21-5 ul li .r h2 {margin-bottom:20px; font-size:22px;} .d21-5 ul li .r p {font-size:18px;} /***** 产品专题页：EB-500 *****/ .sel-product-detail-23 {} .sel-product-detail-23 h2 {font-size:44px;} /**/ .d23-1 {background:url("../images/p23/001.png") no-repeat scroll center center / 100% auto; background-size:cover;} .d23-1 .main {padding:100px 0 500px; position:relative;} .d23-1 .text {text-align:center;} .d23-1 .text h1 {font-size:72px; color:#00959e;} .d23-1 .text p {font-size:32px;} /**/ .d23-2 {text-align:center; padding:150px 0;} .d23-2 .text {} .d23-2 .text h2 {} .d23-2 .text p {font-size:22px;} .d23-2 .img {margin:60px auto 0; width:80%;} .d23-2 .img ul {display:flex;} .d23-2 .img ul li {width:33.333333%; padding:0 40px;} /**/ .d23-3 {text-align:center; padding:0;} .d23-3 .text {} .d23-3 .text p {font-size:22px;} .d23-3 .img {margin-top:100px;} .d23-3 .img ul {display:flex; justify-content:center; width:80%; margin:auto;} .d23-3 .img ul li {width:33.333333%; padding:0 40px;} /**/ .d23-4 {text-align:center; padding:150px 0 0;} .d23-4 .text {display:flex; justify-content:center; align-items:center;} .d23-4 .text img {width:150px; height:100%;} .d23-4 .text .r {margin-left:30px; text-align:left;} .d23-4 .img {margin-top:60px;} .d23-4 .img p {font-size:22px;} .d23-4 .img ul {display:flex; justify-content:center; margin:60px auto 80px; width:80%;} .d23-4 .img ul li {width:33.333333%; padding:0 40px;} /**/ .d23-5 {} .d23-5 .img {} .d23-5 .img ul {} .d23-5 .img ul li {background-color:#efefef; margin-bottom:20px;} .d23-5 .img ul li .row {display:flex; align-items:center;} .d23-5 .img ul li .row img {width:35%;} .d23-5 .img ul li .text {padding-left:40px;} .d23-5 .img ul li h2 {font-size:56px;} .d23-5 .img ul li h2 span {font-size:32px; padding-left:20px;} .d23-5 .img ul li p {font-size:22px;} /***** 产品专题页：P60 *****/ .sel-product-detail-24 {} .sel-product-detail-24 p {color:#4d4d4d;} .sel-product-detail-24 .note {display:none; padding:120px 0;} .sel-product-detail-24 .note p {padding:0 10%; text-align:center; color:#FFFFFF; font-size:14px; opacity:0.5;} /**/ .d24-1 {background:#000000 url("../images/p24/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d24-1 .main {position:relative; padding:200px 0 150px;} .d24-1 .text {text-align:center; color:#ffffff; position:relative; z-index:1;} .d24-1 .text h2 {font-size:72px; text-shadow:0px 4px 8px rgba(0,0,0,0.5);} .d24-1 .text h1 {font-size:72px; color:#f0b16d; margin:40px 0 200px; text-shadow:0px 4px 8px rgba(0,0,0,0.5);} .d24-1 .text p {font-size:18px; padding:0 10%; color:#FFFFFF;} /**/ .d24-2 { position:relative; padding:200px 0; background:#000000 url("../images/p24/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d24-2 .text {position:relative; z-index:10; text-align:center; color:#ffffff; width:60%; margin:auto;} .d24-2 .text h2 {font-size:100px; color:#f0b16d; line-height:1; margin-bottom:30px;} .d24-2 .text h2 em {font-size:64px; font-weight:normal; vertical-align:super;} .d24-2 .text h3 {font-size:32px; padding:0 10%;} .d24-2 .text p {font-size:22px; margin-top:40px;} .d24-2 ul {display:flex; position:relative; z-index:8; justify-content:space-between; text-align:center; margin:100px 0 0; padding:0 10%;} .d24-2 ul li {} .d24-2 ul li h5 {font-size:64px; color:#FFFFFF;} .d24-2 ul li p {font-size:18px; color:#ffffff;} .d24-2 .video {} .d24-2 .video .mask {background:rgba(0,0,0,0.5);} .d24-2 .video video {} /**/ .d24-3 {position:relative; padding:200px 0; background:#000000 url("../images/p24/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d24-3 .text {position:relative; z-index:2; float:right; width:55%; text-align:center;} .d24-3 .text h2 {font-size:72px; line-height:1; margin-bottom:40px; color:#f0b16d;} .d24-3 .text h2 em {font-size:28px; vertical-align:super;} .d24-3 .text h3 { margin-bottom:60px; font-size:32px; font-weight:200;} .d24-3 p {font-size:18px;} .d24-3 p em {vertical-align:super; font-size:12px;} .d24-3 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} /**/ .d24-4 {background:#0f0f0f; overflow:hidden;} .d24-4 .row {position:relative;} /**/ .d24-4 .pin-d24-4 {height:100vh; display:flex; align-items:center;} /**/ .d24-4 .it {margin:auto; position:relative; width:100%; height:100%;} /**/ .d24-4 .im {width:100%; height:578px;/*需要设置高度与.img一致，否则微信浏览器会按照高度100%计算*/ margin-top:120px; position:relative; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} /**/ .d24-4 .img {opacity:0.5; position:relative; width:400px; height:578px; margin:auto; background:url("../images/p24/004-bg.jpg") no-repeat scroll center center / 100% auto;} .d24-4 .img .cover {width:267px; height:150px; position:absolute; left:16.45%; top:9.15%;} .d24-4 .img .cover video {} /**/ .d24-4 .m-info {} .d24-4 .m-info .con {opacity:0; position:absolute; width:27.5%; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .d24-4 .m-info .con .inner {display:inline-block; color:#ffffff; border:2px solid #f0b16d; width:300px; padding:20px; background:#000000; position:relative; z-index:8;} .d24-4 .m-info .con .inner p {font-size:14px; line-height:1.8; color:#FFFFFF;} .d24-4 .m-info .con span {display:block; padding:10px 0; color:#f0b16d; font-size:14px;} .d24-4 .m-info .con .line {position:absolute; left:300px; top:40px; width:100%; height:2px; background-image:linear-gradient(to right, rgba(240,177,109,1), rgba(240,177,109,0));} .d24-4 .m-info .con .tumor {padding-bottom:20px; border-bottom:1px solid #f0b16d;} .d24-4 .m-info .con .tumor ul {} .d24-4 .m-info .con .tumor ul li {display:flex; justify-content:space-between; padding:5px 0;} .d24-4 .m-info .con .tumor ul li span {padding:0;} .d24-4 .m-info .con .tumor ul li span:nth-child(1) {color:#FFFFFF;} .d24-4 .m-info .con .tumor ul li span em {vertical-align:super; font-size:10px; font-style:normal;} .d24-4 .m-info .con .mid {padding:20px 0; border-bottom:1px solid #f0b16d;} .d24-4 .m-info .con .mid ul {} .d24-4 .m-info .con .mid ul li {padding:5px 0;} .d24-4 .m-info .con .mid ul li p {} .d24-4 .m-info .con .mid ul li .lr-t {display:flex; justify-content:space-between;} .d24-4 .m-info .con .mid ul li .lr-t span {padding:0;} .d24-4 .m-info .con .mid ul li .lr-t span:nth-child(1) {padding-right:10px;} .d24-4 .m-info .con .total {display:flex; justify-content:space-between;} .d24-4 .m-info .con .total span:nth-child(1) {color:#FFFFFF;} .d24-4 .m-info .con .advice {display:flex; justify-content:space-between;} .d24-4 .m-info .mi-1 {top:8.5%;} .d24-4 .m-info .mi-2 {top:46.05%;} /**/ .d24-4 .text {margin-top:120px;/* 配合类名为.im的偏移量 */position:absolute; width:100%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#ffffff; text-align:center; padding:0 10%;} .d24-4 .text h2 {font-size:56px; margin-bottom:30px;} .d24-4 .text h2 em {font-size:28px; vertical-align:super;} .d24-4 .text p {font-size:22px; color:#FFFFFF;} /**/ .d24-5 {} .d24-5 .row {} /**/ .d24-5 .pin-d24-5 {height:100vh; display:flex; align-items:center;} /**/ .d24-5 .it {} /**/ .d24-5 .im {} /**/ .d24-5 .img {background:url("../images/p24/005-bg.jpg") no-repeat scroll center center / 100% auto;} /**/ .d24-5 .m-info {} .d24-5 .m-info .mi-1 {top:5.55%;} .d24-5 .m-info .mi-2 {top:40.65%;} .d24-5 .m-info .mi-2 .line {top:50%;} /**/ .d24-6 {position:relative;} .d24-6 .inner {background:url("../images/p24/006-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d24-6 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} /* 三款产品第6、7、8屏复用 */ .con678 {} .con678 .inner {padding:200px 0;} .con678 .text {margin:auto; text-align:center; color:#f0b16d; position:relative; z-index:1;} .con678 .text h2 {font-size:72px; line-height:1; margin-bottom:40px;} .con678 .text h3 { margin-bottom:60px; font-size:32px; font-weight:200; padding:0 33%;} .con678 .text p {color:#FFFFFF;} .con678 p {font-size:18px; padding:0 20%;} .con678 .list {padding:100px 0; position:relative; z-index:1; background:#FFFFFF;} .con678 .list ul {display:flex; justify-content:space-between; margin:0 -10px;} .con678 .list ul li {text-align:center; width:25%; padding:0 10px;} .con678 .list ul li img {display:block; margin:0 auto 20px;} .con678 .list ul li p {font-size:14px; padding:0 5%;} /**/ .d24-7 {position:relative;} .d24-7 .inner {background:url("../images/p24/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d24-7 .list ul li {} .d24-7 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} /**/ .d24-72 .inner {background:url("../images/p24/010-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} /**/ .d24-8 {position:relative;} .d24-8 .inner {background:url("../images/p24/008-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d24-8 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} /**/ .d24-9 {padding:200px 0; background:#000000 url("../images/p24/009-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d24-9 .text {color:#FFFFFF; text-align:center;} .d24-9 .text h2 {font-size:72px; color:#f0b16d; margin-bottom:40px;} .d24-9 .text h3 {font-size:32px; color:#f0b16d; font-weight:200; margin:20px 0 100px;} .d24-9 .text p {font-size:18px; color:#FFFFFF; padding:0 20%;} /**/ .d24-92 {background:#000000 url("../images/p24/0092-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} /**/ .d24-10 {padding:200px 0; background:#000000 url("../images/p24/010-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d24-10 .text {color:#FFFFFF; text-align:center; padding-right:25%;} .d24-10 .text h2 {font-size:72px; color:#f0b16d;} .d24-10 .text h3 {font-size:32px; color:#f0b16d; font-weight:200; margin:20px 0 100px;} .d24-10 .text p {font-size:18px; text-shadow:0px 1px 2px rgba(0,0,0,0.5);} .d24-10 .text p b {display:block; font-size:28px;} /**/ .d24-11 {padding:200px 0; background:#000000 url("../images/p24/011-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;} .d24-11 .text {padding-left:45%; text-align:center;} .d24-11 .text h2 {font-size:72px; color:#f0b16d; margin-bottom:40px;} .d24-11 .text h5 {font-size:18px; margin-bottom:20px; color:#4d4d4d;} .d24-11 .text p {font-size:18px;} .d24-11 .text .m {margin:60px 0;} .d24-11 .text span {font-size:16px; opacity:0.5;} .d24-11 .text ul {display:flex; justify-content:center; opacity:0.4;} .d24-11 .text ul li {padding:0 10px;} .d24-11 .text ul li img {width:80px;} /**/ .d24-12 {padding:100px 0 80px; background:#000000;} .d24-12 h2 {font-size:44px; color:#ffffff; text-align:center;} .d24-12 .img-box h4 {display:none;} /***** 产品专题页：ProPet 60 *****/ .sel-product-detail-25 {} /* public */ .sel-product-detail-25 img {display:block; width:100%;} /**/ .d25-1 {text-align:center; background:#EFEFEF;} .d25-1 .main {padding:150px 0; position:relative;} .d25-1 h2 {font-size:44px;} .d25-1 h1 {font-size:44px; margin:40px 0 10px; color:#009FAB;} .d25-1 h3 {font-size:22px;} .d25-1 .img {width:20%; margin:40px auto;} .d25-1 p {font-size:22px; max-width:800px; margin:auto; text-align:left;} /**/ .d25-2 {} .d25-2 .t {padding:150px 0 0; background-color:#000000; background-image:url('../images/p25/002-t-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover;} .d25-2 .t .box {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;} .d25-2 .t img {width:calc(65%);} .d25-2 .t .text {color:#FFFFFF; width:calc(35% - 20px); text-align:justify; margin-top:60px;} .d25-2 .t .text .tt {} .d25-2 .t .text p {font-size:22px;} .d25-2 .b {padding:150px 0; background-color:#000000; background-image:url('../images/p25/002-b-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} .d25-2 .b .box {} .d25-2 .b .text {max-width:800px; margin:auto; color:#FFFFFF; text-align:center;} .d25-2 .b .text h3 {font-size:44px; margin-bottom:20px;} .d25-2 .b .text p {font-size:22px;} /**/ .d25-3 {} .d25-3 ul {} .d25-3 ul li {padding:100px 0;} .d25-3 ul li .cell {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .d25-3 ul li .text {width:calc(50% - 40px);} .d25-3 ul li .img {width:calc(50% - 40px);} .d25-3 ul li .img img {display:block; width:100%;} .d25-3 ul li .text h2 {font-size:32px; margin-bottom:20px;} .d25-3 ul li .text p {font-size:18px;} .d25-3 ul li .text dl {margin-top:20px; display:flex; flex-wrap:wrap;} .d25-3 ul li .text dl dt {width:20%; text-align:center;} .d25-3 ul li .text dl dt img {display:block; margin:auto;} .d25-3 ul li .text dl dt p {} .d25-3 ul li:nth-child(2n) {background:#EFEFEF;} .d25-3 ul li:nth-child(2n+1) .cell {flex-direction:row-reverse;} .d25-3 ul li:last-child {position:relative; padding:200px 0; overflow:hidden;} .d25-3 ul li:last-child dl {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:60px;} .d25-3 ul li:last-child dl dt {display:flex; align-items:center; width:33.333333%;} .d25-3 ul li:last-child dl dt img {display:block; width:50px; height:50px; margin-right:20px; flex-shrink:0;} .d25-3 ul li:last-child dl dt .r {width:calc(100% - 50px); text-align:left;} .d25-3 ul li:last-child dl dt h4 {font-size:22px; color:#009FAB; margin-bottom:4px;} .d25-3 ul li:last-child dl dt p {font-size:16px;} .d25-3 ul li:last-child .cell .text {max-width:800px; position:relative; z-index:1;} .d25-3 ul li:last-child .machine {position:absolute; right:0; top:0; width:700px;} .d25-3 ul li:nth-child(2) .cell .text {width:calc(45% - 40px);} .d25-3 .sc-wrap {width:calc(55%); padding:0 80px; position:relative;} .d25-3 .swiper-container {padding:0; position:static;} .d25-3 .swiper-container .img-box {padding:0; border:none;} .d25-3 .swiper-container .swiper-pagination {bottom:-40px;} .d25-3 .swiper-container .swiper-button-prev {left:0;} .d25-3 .swiper-container .swiper-button-next {right:0;} .d25-3 .swiper-container .swiper-pagination-bullet {background:#000000;} /**/ .d25-4 {} .d25-4 .topic {padding:80px 0; background-color:#000000; background-image:url('../images/p25/004-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover;} .d25-4 .topic .text {text-align:center; max-width:800px; margin:auto; padding:0 40px; color:#FFFFFF;} .d25-4 .topic h2 {font-size:44px; margin-bottom:20px;} .d25-4 .topic p {font-size:22px;} .d25-4 .sc-wrap {position:relative;} .d25-4 .swiper-container {position:static; padding:100px 0;} .d25-4 .swiper-container .swiper-wrapper {align-items:flex-start;} .d25-4 .swiper-container .swiper-slide {} .d25-4 .swiper-container .img-box {margin-bottom:30px; padding:0; border:none;} .d25-4 .swiper-container .text {} .d25-4 .swiper-container .text h3 {font-size:22px; color:#009FAB; margin-bottom:10px;} .d25-4 .swiper-container .text p {font-size:18px;} .d25-4 .swiper-container .swiper-pagination {bottom:40px;} .d25-4 .swiper-container .swiper-pagination-bullet {background:#000000;} /**/ .d25-5 {} .d25-5 .topic {padding:80px 0; background-color:#000000; background-image:url('../images/p25/005-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover;} .d25-5 .topic .text {text-align:center; max-width:800px; margin:auto; padding:0 40px; color:#FFFFFF;} .d25-5 .topic h2 {font-size:44px; margin-bottom:20px;} .d25-5 .topic p {font-size:22px;} .d25-5 .list {margin:60px 0;} .d25-5 .list ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:-20px;} .d25-5 .list ul li {width:50%; padding:20px;} .d25-5 .list ul li .cell {} .d25-5 .list ul li h3 {font-size:22px; color:#009FAB;} .d25-5 .list ul li img {margin:20px 0;} .d25-5 .list ul li p {} /**/ .d25-6 {padding:150px 0; background-color:#EFEFEF; background-image:url('../images/p25/006-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover;} .d25-6 .topic {} .d25-6 .topic .text {text-align:center; max-width:800px; margin:auto; padding:0 40px;} .d25-6 .topic h2 {font-size:44px; margin-bottom:20px;} .d25-6 .topic p {font-size:22px;} .d25-6 .list {} .d25-6 .list ul {margin:40px 0 0;} .d25-6 .list ul li {margin-bottom:40px;} .d25-6 .list ul li:last-child {margin:0;} .d25-6 .list ul li:nth-child(2n+1) .cell {flex-direction:row-reverse;} .d25-6 .list ul li .cell {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:60px; background:#FFFFFF;} .d25-6 .list ul li .text {width:calc(50% - 20px);} .d25-6 .list ul li .text h3 {font-size:22px; color:#009FAB; margin-bottom:10px;} .d25-6 .list ul li .text p {font-size:18px;} .d25-6 .list ul li .img {width:calc(50% - 20px);} /**/ .d25-7 {padding:150px 0; color:#FFFFFF; background:#000000;} .d25-7 h2 {font-size:44px; text-align:center;} .d25-7 .swiper-container {} .d25-7 .swiper-container .text {text-align:center; margin-top:20px;} /***** 产品专题页：EB-5H20 *****/ .sel-product-detail-26 {} /**/ .d26-1 {background:url("../images/p26/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d26-1 .main {padding:300px 0; position:relative;} .d26-1 .text {text-align:center;} .d26-1 .text h1 {font-size:72px; color:#009FAB;} .d26-1 .text p {font-size:32px;} /**/ .d26-2 {padding:200px 0; background:#F2F2F2 url("../images/p26/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d26-2 ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -40px;} .d26-2 ul li {width:33.333333%; padding:0 40px; text-align:center;} .d26-2 ul li .cell {} .d26-2 ul li h3 {font-size:32px; color:#009FAB; margin-bottom:20px;} .d26-2 ul li p {font-size:22px; color:#FFFFFF;} /**/ .d26-3 {padding:150px 0;} .d26-3 .img {} .d26-3 .img ul {display:flex; flex-wrap:wrap; justify-content:space-between;} .d26-3 .img ul li {width:33.333333%; text-align:center;} .d26-3 .img ul li .cell {} .d26-3 .img ul li img {width:300px; margin:0 auto 20px;} .d26-3 .img ul li p {font-size:22px;} .d26-3 .parameter {margin:100px auto 0; text-align:center; max-width:600px;} .d26-3 .parameter h3 {font-size:32px; margin-bottom:40px;} .d26-3 .parameter ul {} .d26-3 .parameter ul li {} .d26-3 .parameter ul li:nth-child(odd) {background:#f2f2f2;} .d26-3 .parameter ul li .cell {display:flex; justify-content:space-between; padding:20px;} .d26-3 .parameter ul li span {width:50%; font-size:16px;} .d26-3 .parameter ul li span:nth-child(1) {} .d26-3 .parameter ul li span:nth-child(2) {} /***** 产品专题页：EB-5T28 *****/ .sel-product-detail-27 {} /**/ .d27-1 {background:url("../images/p27/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d27-1 .main {padding:300px 0; position:relative;} .d27-1 .text {text-align:center;} .d27-1 .text h1 {font-size:72px; color:#009FAB;} .d27-1 .text p {font-size:32px;} /**/ .d27-2 {padding:200px 0; background:#F2F2F2 url("../images/p27/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d27-2 ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -40px;} .d27-2 ul li {width:33.333333%; padding:0 40px; text-align:center;} .d27-2 ul li .cell {} .d27-2 ul li h3 {font-size:32px; color:#009FAB; margin-bottom:20px;} .d27-2 ul li p {font-size:22px;} /**/ .d27-3 {padding:150px 0;} .d27-3 .img {} .d27-3 .img ul {display:flex; flex-wrap:wrap; justify-content:space-between;} .d27-3 .img ul li {width:33.333333%; text-align:center;} .d27-3 .img ul li .cell {} .d27-3 .img ul li img {width:300px; margin:0 auto 20px;} .d27-3 .img ul li p {font-size:22px;} .d27-3 .parameter {margin:100px auto 0; text-align:center; max-width:600px;} .d27-3 .parameter h3 {font-size:32px; margin-bottom:40px;} .d27-3 .parameter ul {} .d27-3 .parameter ul li {} .d27-3 .parameter ul li:nth-child(odd) {background:#f2f2f2;} .d27-3 .parameter ul li .cell {display:flex; justify-content:space-between; padding:20px;} .d27-3 .parameter ul li span {width:50%; font-size:16px;} .d27-3 .parameter ul li span:nth-child(1) {} .d27-3 .parameter ul li span:nth-child(2) {} /***** 产品专题页：EG-UC5T *****/ .sel-product-detail-28 {} /**/ .d28-1 {background:#000000 url("../images/p28/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d28-1 .main {padding:100px 0; position:relative;} .d28-1 .text {text-align:center;} .d28-1 .text .inner {transform:translateY(100px);} .d28-1 .text h1 {font-size:72px; color:#009FAB;} .d28-1 .text p {font-size:32px; color:#FFFFFF;} .d28-1 .img {width:70%; margin:auto;} .d28-1 .img img {transform:translateX(150px) translateY(-200px);} /**/ .d28-2 {padding:200px 0; background:url("../images/p28/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d28-2 ul {} .d28-2 ul li {} .d28-2 ul li .cell {} .d28-2 ul li p {text-align:center; font-size:32px;} /**/ .d28-3 {padding:200px 0; background:url("../images/p28/003.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d28-3 .shead {text-align:center; margin-bottom:100px;} .d28-3 .shead h2 {font-size:44px; color:#009FAB; margin-bottom:30px;} .d28-3 .shead p {font-size:22px;} .d28-3 .img {} .d28-3 .img ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -40px;} .d28-3 .img ul li {width:33.333333%; padding:0 40px;} .d28-3 .img ul li .cell {} .d28-3 .img ul li img {display:block;} /**/ .d28-4 {padding:200px 0; background:url("../images/p28/004.jpg") no-repeat scroll left top / 100% 100%;} .d28-4 .shead {margin-bottom:60px; text-align:center;} .d28-4 .shead h2 {font-size:44px;} .d28-4 .img ul {display:flex; flex-wrap:wrap; justify-content:space-between;} .d28-4 .img ul li {width:25%; text-align:center;} .d28-4 .img ul li .cell {} .d28-4 .img ul li img {width:200px; margin:0 auto 20px; border-radius:100%; border:1px solid rgba(0, 0, 0, 0.5); box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);} .d28-4 .img ul li p {font-size:16px; font-weight:500;} .d28-4 .img ul li p span {font-size:28px; padding-right:4px;} /**/ .d28-5 {padding:200px 0; position:relative; overflow:hidden;} .d28-5 .text {position:relative; z-index:1;} .d28-5 .text ul {width:50%; margin:0 0 0 auto;} .d28-5 .text ul li {margin-bottom:100px;} .d28-5 .text ul li:last-child {margin:0;} .d28-5 .text ul li .cell {} .d28-5 .text ul li h3 {font-size:32px; margin-bottom:20px;} .d28-5 .text ul li p {font-size:18px;} .d28-5 .img {position:absolute; left:0; top:0; width:800px; height:800px; background:url("../images/p28/005.jpg") no-repeat scroll left top / 100% auto;} .d28-5 .img::after {content:""; position:absolute; right:0; right:0; width:50%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));} /***** 产品专题页：EG-UR5 *****/ .sel-product-detail-29 {} /**/ .d29-1 {background:#000000 url("../images/p29/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d29-1 .main {padding:100px 0; position:relative;} .d29-1 .text {text-align:center;} .d29-1 .text .inner {transform:translateY(100px);} .d29-1 .text h1 {font-size:72px; color:#009FAB;} .d29-1 .text p {font-size:32px; color:#FFFFFF;} .d29-1 .img {width:70%; margin:auto;} .d29-1 .img img {transform:translateY(150px);} /**/ .d29-2 {padding:200px 0; background:url("../images/p29/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d29-2 ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:-40px;} .d29-2 ul li {width:50%; padding:40px;} .d29-2 ul li .cell {display:flex; flex-wrap:wrap; align-items:center;} .d29-2 ul li .cell img {width:200px; border-radius:16px; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);} .d29-2 ul li .cell .name {width:calc(100% - 200px); padding-left:30px;} .d29-2 ul li h3 {font-size:22px; color:#009FAB; margin-bottom:20px;} .d29-2 ul li p {font-size:16px;} /**/ .d29-3 {padding:150px 0; background:url("../images/p29/003.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d29-3 .shead {text-align:center; margin:0 auto 60px; max-width:800px;} .d29-3 .shead h2 {font-size:44px; color:#009FAB; margin-bottom:30px;} .d29-3 .shead p {font-size:22px;} .d29-3 .img {} .d29-3 .img ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -40px;} .d29-3 .img ul li {width:50%; padding:0 40px;} .d29-3 .img ul li .cell {padding:30px; background:#FFFFFF; box-shadow:20px 20px 20px rgba(0,0,0,0.05);} .d29-3 .img ul li img {display:block;} .d29-3 .img ul li .name {padding:40px 0 0 0; text-align:center;} .d29-3 .img ul li .name h3 {font-size:22px; color:#009FAB; margin-bottom:10px;} .d29-3 .img ul li .name p {} /**/ .d29-4 {padding:200px 0; background:url("../images/p29/004.jpg") no-repeat scroll left top / 100% 100%;} .d29-4 .shead {margin-bottom:60px; text-align:center;} .d29-4 .shead h2 {font-size:44px;} .d29-4 .img ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -40px;} .d29-4 .img ul li {width:33.333333%; padding:0 40px; text-align:center;} .d29-4 .img ul li .cell {} .d29-4 .img ul li img {margin-bottom:20px; border:1px solid #FFFFFF;} .d29-4 .img ul li p {font-size:18px;} .d29-4 .img ul li p span {font-size:28px;} /**/ .d29-5 {position:relative; margin-top:20px; overflow:hidden;} .d29-5 .text {position:relative; z-index:1;} .d29-5 .text ul {} .d29-5 .text ul li {margin-top:20px; background:rgba(0, 0, 0, 0.1);} .d29-5 .text ul li:nth-child(odd) {background:#F2F2F2;} .d29-5 .text ul li .cell {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .d29-5 .text ul li img {width:600px;} .d29-5 .text ul li .name {width:calc(100% - 600px); padding:100px 0 100px 100px;} .d29-5 .text ul li p {font-size:22px; margin-bottom:20px;} .d29-5 .text ul li p:last-child {margin:0;} /***** 产品专题页：V-reader®V10 *****/ .sel-product-detail-30 {} /* public */ .d30_h2_linear_gradient {} /**/ .d30-1 {background:#000000 url("../images/p30/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d30-1 .main {padding:300px 0; position:relative;} .d30-1 .text {color:#FFFFFF;} .d30-1 .text h1 {font-size:72px;} .d30-1 .text h1 sup {font-size:22px; padding-left:4px;} .d30-1 .text h2 {font-size:32px; margin-bottom:60px} .d30-1 .text p {font-size:30px; letter-spacing:10px;} /**/ .d30-2 {padding:300px 0; background:#000000 url("../images/p30/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed; overflow:hidden;} .d30-2 .text {color:#FFFFFF;} .d30-2 .text p {font-size:22px;} /**/ .d30-3 {padding:150px 0; color:#FFFFFF; background:#000000 url("../images/p30/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d30-3 .text {} .d30-3 .text p {font-size:22px;} .d30-3 ul {display:flex; justify-content:space-between; margin-top:80px;} .d30-3 ul li {width:33.333333%; text-align:center;} .d30-3 ul li .cell {} .d30-3 ul li img {width:160px; margin:auto;} .d30-3 ul li h3 {display:flex; flex-direction:column; align-items:center; font-size:32px; font-weight:normal; margin:20px 0 10px;} .d30-3 ul li h3 span:first-child {display:inline-block; -webkit-text-fill-color:transparent; text-fill-color:transparent; -webkit-background-clip:text; background-clip:text; background-image:linear-gradient(0deg, rgb(0, 150, 228) 0%, rgb(255, 255, 255) 50%);} .d30-3 ul li p {font-size:16px;} /**/ .d30-4 {padding:200px 0; background:#000000 url("../images/p30/004-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed; overflow:hidden;} .d30-4 .text {color:#FFFFFF;} .d30-4 .text h2 {font-size:72px; margin-bottom:20px;} .d30-4 .text p {font-size:32px; width:50%; line-height:1.2;} /**/ .d30-5 {padding:150px 0; color:#FFFFFF; background:#000000; overflow:hidden;} .d30-5 p {font-size:22px;} .d30-5 .lr {display:flex; justify-content:space-between;} .d30-5 .l {width:calc(40% - 40px);} .d30-5 .l .pm {position:relative; margin-bottom:20px;} .d30-5 .l span {position:absolute; left:0; top:0; font-size:16px;} .d30-5 .l span:nth-child(2) {left:3.55%; top:11.55%; font-size:14px; opacity:0.5;} .d30-5 .l span:nth-child(3) {left:35.15%; top:16.55%; color:#009FAB;} .d30-5 .l span:nth-child(4) {left:62.55%; top:24.55%; color:#009FAB;} .d30-5 .l span:nth-child(5) {left:79.55%; top:64.15%; color:#009FAB;} .d30-5 .l span:nth-child(6) {left:16.55%; top:69.55%; color:#E86A08;} .d30-5 .l span:nth-child(7) {left:58.15%; top:69.55%; color:#0671BF;} .d30-5 .l span:nth-child(8) {left:24.15%; top:83.55%; color:#E86A08;} .d30-5 .l span:nth-child(9) {left:39.55%; top:83.55%; color:#009FAB;} .d30-5 .l span:nth-child(10) {left:54.55%; top:83.55%; color:#0671BF;} .d30-5 .l span:nth-child(11) {left:auto; right:0; top:83.55%; text-align:right; font-size:14px; opacity:0.5;} .d30-5 .l span:nth-child(12) {left:0; top:92.55%; font-size:16px; width:100%;} .d30-5 .l span:nth-child(12) strong {font-weight:normal; color:#009FAB;} .d30-5 .l p {} .d30-5 .r {width:calc(60% - 40px); margin-top:50px; text-align:center;} .d30-5 .r ul {display:flex; margin-bottom:30px;} .d30-5 .r ul li {width:50%;} .d30-5 .r ul li img {margin-bottom:18px;} .d30-5 .r ul li span {font-size:18px;} .d30-5 .r p {text-align:left; padding:0 10%;} /**/ .d30-6 {padding:200px 0; background:#000000 url("../images/p30/006-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed; overflow:hidden;} .d30-6 .text {color:#FFFFFF;} .d30-6 .text h2 {font-size:72px; margin-bottom:20px;} .d30-6 .text p {font-size:32px; line-height:1.2;} /**/ .d30-7 {padding:0 0 40px; background:url("../images/p30/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d30-7 .img {position:relative;} .d30-7 .img picture {display:block; width:60%;} .d30-7 .img picture:nth-child(2), .d30-7 .img picture:nth-child(3) {position:absolute; left:0; width:100%; display:flex; flex-direction:column; align-items:flex-end;} .d30-7 .img picture:nth-child(2) {top:17.25%;} .d30-7 .img picture:nth-child(3) {bottom:calc(19.25% - 40px);} .d30-7 .img picture:nth-child(2) img, .d30-7 .img picture:nth-child(3) img {width:30%;} .d30-7 .img picture:nth-child(2) em {display:block; width:30%; height:1px; position:absolute; left:27%; top:91%; background:#0078B9;} .d30-7 .img picture:nth-child(2) em i:nth-child(1) {display:block; width:1px; height:150px; position:absolute; left:100%; top:-149px; background:#0078B9;} .d30-7 .img picture:nth-child(2) em i:nth-child(2) {display:block; width:45%; height:1px; position:absolute; left:100%; top:-150px; background:#0078B9;} .d30-7 .img picture:nth-child(3) em {display:block; width:37%; height:1px; position:absolute; left:33.55%; top:41%; background:#0078B9;} .d30-7 .img picture:nth-child(3) em i:nth-child(1) {display:block; width:1px; height:187px; position:absolute; left:0; top:-187px; background:#0078B9;} .d30-7 .img picture p {width:30%; margin-top:20px;} .d30-7 .img picture p span {} /**/ .d30-8 {padding:200px 0; background:#000000 url("../images/p30/008-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed; overflow:hidden;} .d30-8 .text {color:#FFFFFF;} .d30-8 .text h2 {font-size:72px; margin-bottom:20px;} .d30-8 .text p {font-size:32px; width:50%; line-height:1.2;} /**/ .d30-9 {overflow:hidden;} .d30-9 .it {position:relative; height:100vh; background:#000000 url("../images/p30/009-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d30-9 .img {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); max-width:1240px; width:100%; height:80%; padding:0 20px; display:flex; justify-content:right;} .d30-9 .img img {position:absolute;} .d30-9 .img img:nth-child(1) {width:auto; height:100%; right:50%; top:20%;} .d30-9 .img img:nth-child(2) {width:auto; height:80%; left:50%; top:-4%;} .d30-9 .img.move {} .d30-9 .img.move img:nth-child(1) {transform:translateX(-40%) translateY(-8%); -webkit-transition:all 2s; transition:all 2s; -moz-transition:all 2s;} .d30-9 .img.move img:nth-child(2) {transform:translateX(40%) translateY(5%); -webkit-transition:all 2s; transition:all 2s; -moz-transition:all 2s;} .d30-9 .text {color:#FFFFFF; position:absolute; right:10%; top:50%; transform:translateY(-50%); padding:0 20px;} .d30-9 .text h2 {font-size:72px; line-height:1.5;} .d30-9 .moreinfo {margin-top:37px; padding:40px; position:absolute; top:50%; transform:translateX(0) translateY(-50%);} .d30-9 .moreinfo ul {display:flex;} .d30-9 .moreinfo ul li {width:500px; padding:0 5px;} .d30-9 .moreinfo ul li:nth-child(1), .d30-9 .moreinfo ul li:nth-child(5) {width:722px;} .d30-9 .moreinfo ul li .cell {} .d30-9 .moreinfo ul li:nth-child(2) .cell, .d30-9 .moreinfo ul li:nth-child(4) .cell, .d30-9 .moreinfo ul li:nth-child(6) .cell {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .d30-9 .moreinfo ul li img {} .d30-9 .moreinfo ul li p {margin:10px 0 0 0; padding:40px 20px; font-size:28px; color:#FFFFFF; text-align:center; background:#8E8D8F;} .d30-9 .moreinfo ul li:nth-child(2) p, .d30-9 .moreinfo ul li:nth-child(4) p, .d30-9 .moreinfo ul li:nth-child(6) p {margin:0 0 10px 0;} .d30-9 .moreinfo ul li:nth-child(3) p, .d30-9 .moreinfo ul li:nth-child(5) p{background:#3E3A39;} /**/ .d30-10 {padding:150px 0; color:#FFFFFF; background:#000000;} .d30-10 h2 {font-size:44px; text-align:center;} .d30-10 .swiper-container {} .d30-10 .swiper-container .text {text-align:center; margin-top:20px;} /***** 产品专题页：TJ001 *****/ .sel-product-detail-31 {} /* public */ .d31_h2_linear_gradient {display:inline-block; -webkit-text-fill-color:transparent; text-fill-color:transparent; -webkit-background-clip:text; background-clip:text; background-image:linear-gradient(90deg, rgb(255, 119, 97) 0%, rgb(245, 245, 245) 50%, rgb(0, 208, 253) 100%);} /**/ .d31-1 {position:relative; background:#000000 url("../images/p31/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d31-1 .main {padding:400px 0; position:relative;} .d31-1 .text {display:flex; flex-direction:column; align-content:flex-end; flex-wrap:wrap; color:#FFFFFF;} .d31-1 .text h1 {font-size:72px;} .d31-1 .text p {font-size:32px;} /**/ .d31-2 {padding:150px 0; color:#FFFFFF; background:#000000; overflow:hidden;} .d31-2 .text {color:#FFFFFF;} .d31-2 .text h2 {font-size:44px; margin-bottom:20px;} .d31-2 .text p {font-size:22px;} .d31-2 .text p span {display:block;} .d31-2 p {font-size:22px;} .d31-2 .lr {display:flex; justify-content:space-between;} .d31-2 .l {width:calc(50% - 40px);} .d31-2 .l .pm {position:relative;} .d31-2 .l span {position:absolute; left:0; top:0; font-size:16px;} .d31-2 .l span:nth-child(2) {left:3.55%; top:11.55%; font-size:14px; opacity:0.5;} .d31-2 .l span:nth-child(3) {left:37.15%; top:17.55%; color:#009FAB;} .d31-2 .l span:nth-child(4) {left:62.55%; top:24.55%; color:#009FAB;} .d31-2 .l span:nth-child(5) {left:79.55%; top:64.15%; color:#009FAB;} .d31-2 .l span:nth-child(6) {left:16.55%; top:69.55%; color:#E86A08;} .d31-2 .l span:nth-child(7) {left:57.55%; top:69.55%; color:#0671BF;} .d31-2 .l span:nth-child(8) {left:27.15%; top:83.55%; color:#E86A08;} .d31-2 .l span:nth-child(9) {left:40.55%; top:83.55%; color:#009FAB;} .d31-2 .l span:nth-child(10) {left:54.55%; top:83.55%; color:#0671BF;} .d31-2 .l span:nth-child(11) {left:auto; right:0; top:83.55%; text-align:right; font-size:14px; opacity:0.5;} .d31-2 .l span:nth-child(12) {left:0; top:92.55%; font-size:18px; width:100%;} .d31-2 .l span:nth-child(12) strong {font-weight:normal; color:#009FAB;} .d31-2 .l p {} .d31-2 .r {width:calc(50% - 40px); position:relative;} .d31-2 .r img {} .d31-2 .r p {position:absolute; left:51.55%; top:53.55%;} /**/ .d31-3 {padding:300px 0; position:relative; background:#000000 url("../images/p31/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed; overflow:hidden;} .d31-3 .text {color:#FFFFFF;} .d31-3 .text h2 {font-size:44px; margin-bottom:20px;} .d31-3 .text p {font-size:22px;} .d31-3 .text p span {display:block;} /**/ .d31-4 {padding:80px 0;} .d31-4 .lr {display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse; padding:200px 0; position:relative; background:#000000 url("../images/p31/004-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden; box-shadow:10px 10px 20px rgba(0,0,0,0.3);} .d31-4 .text {width:40%; color:#FFFFFF;} .d31-4 .text h2 {font-size:44px; margin-bottom:20px;} .d31-4 .text p {font-size:22px;} .d31-4 .text p span {display:block;} .d31-4 .img {width:60%; position:absolute; left:0; top:50%; transform:translateX(0) translateY(-50%);} .d31-4 .img img {display:block;} /**/ .d31-5 {padding:80px 0; position:relative; background:url("../images/p31/005-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d31-5 .lr {display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse;} .d31-5 .text {width:50%; padding-left:100px;} .d31-5 .text h2 {font-size:44px; margin-bottom:20px;} .d31-5 .text p {font-size:22px; color:rgba(0, 0, 0, 0.6);} .d31-5 .text p span {display:block;} .d31-5 .img {width:50%;} .d31-5 .img img {display:block; border-radius:20px;} /***** 产品专题页：P11 Plus *****/ .sel-product-detail-34 {} /* public */ .sel-product-detail-34 img {display:block; width:100%;} /**/ .d34-1 {background-image:url('../images/p34/001-bg.jpg'); background-position:center top; background-repeat:no-repeat; background-size:cover;} .d34-1 .main {padding:400px 0; position:relative;} .d34-1 .shead {} .d34-1 .shead h2 {font-size:28px;} .d34-1 .shead h1 {font-size:72px; margin-top:30px;} .d34-1 .shead p {font-size:32px;} /**/ .d34-2 {padding:150px 0; background:#F1F1F1;} .d34-2 .shead {} .d34-2 .shead h2 {margin-bottom:40px; text-align:center; font-size:44px; color:#009FAB;} .d34-2 .shead p {font-size:22px;} .d34-2 ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px -40px -40px;} .d34-2 ul li {width:50%; padding:40px;} .d34-2 ul li .cell {} .d34-2 ul li .text {} .d34-2 ul li .text h3 {font-size:32px; position:relative; color:#009FAB; margin-bottom:20px; padding-bottom:20px;} .d34-2 ul li .text h3::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));} .d34-2 ul li .text p {font-size:22px;} .d34-2 ul li .img {margin-bottom:30px;} /**/ .d34-3 {padding:150px 0; color:#FFFFFF; background:#2F302F;} .d34-3 .shead {} .d34-3 .shead h2 {font-size:44px; color:#009FAB; text-align:center;} .d34-3 ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:100px;} .d34-3 ul li {margin-bottom:80px;} .d34-3 ul li:nth-child(2), .d34-3 ul li:nth-child(3), .d34-3 ul li:nth-child(7), .d34-3 ul li:nth-child(8) {width:calc(50% - 40px);} .d34-3 ul li:nth-child(2) .cell, .d34-3 ul li:nth-child(3) .cell, .d34-3 ul li:nth-child(7) .cell, .d34-3 ul li:nth-child(8) .cell {flex-direction:column-reverse; justify-content:flex-end;} .d34-3 ul li:nth-child(2) .text, .d34-3 ul li:nth-child(3) .text, .d34-3 ul li:nth-child(7) .text, .d34-3 ul li:nth-child(8) .text {width:100%; padding:0;} .d34-3 ul li:nth-child(2) .img, .d34-3 ul li:nth-child(3) .img, .d34-3 ul li:nth-child(7) .img , .d34-3 ul li:nth-child(8) .img {width:100%; margin-bottom:20px; padding:0;} .d34-3 ul li:nth-child(5), .d34-3 ul li:nth-child(6) {width:calc(50% - 40px);} .d34-3 ul li:nth-child(5) .cell, .d34-3 ul li:nth-child(6) .cell {padding:0; background:transparent;} .d34-3 ul li:nth-child(5) .text, .d34-3 ul li:nth-child(6) .text {width:100%;} .d34-3 ul li:nth-child(5) .text h3, .d34-3 ul li:nth-child(6) .text h3 {width:100%; position:relative; margin-bottom:40px; padding-bottom:20px; color:#009FAB;} .d34-3 ul li:nth-child(5) .text h3::after, .d34-3 ul li:nth-child(6) .text h3::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:linear-gradient(to right, rgba(0,159,171,1), rgba(0,159,171,0));} .d34-3 ul li .cell {display:flex; flex-wrap:wrap; justify-content:space-between; height:100%; padding:60px; background:#009FAB;} .d34-3 ul li .text {width:calc(50% - 20px);} .d34-3 ul li .text h3 {font-size:32px; margin-bottom:20px;} .d34-3 ul li .text p {font-size:22px;} .d34-3 ul li .img {width:calc(50% - 20px);} /**/ .d34-4 {padding:150px 0; background:#F2F2F2;} .d34-4 .inner {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;} .d34-4 .text {width:40%;} .d34-4 .text .shead {} .d34-4 .text .shead h2 {font-size:44px; color:#009FAB;} .d34-4 ul {margin-top:100px;} .d34-4 ul li {padding:10px 0;} .d34-4 ul li .cell {display:flex; align-items:center; flex-direction:column; padding:20px 0 30px; background:#FFFFFF;} .d34-4 ul li .cell img {width:100px; flex-shrink:0;} .d34-4 ul li p {font-size:18px; font-weight:bold;} .d34-4 .img {width:50%;} /**/ .d34-5 {padding:150px 0; position:relative; color:#FFFFFF; background-color:#000000; background-image:url('../images/p34/005-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} .d34-5::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);} .d34-5 .main {position:relative; z-index:2;} .d34-5 .shead {} .d34-5 .shead h2 {font-size:44px; color:#009FAB; text-align:center;} .d34-5 ul {margin-top:60px;} .d34-5 ul li {padding:40px 0;} .d34-5 ul li .cell {} .d34-5 ul li h3 {margin-bottom:10px; font-size:32px; color:#009FAB;} .d34-5 ul li p {font-size:22px;} /**/ .d34-6 {padding:150px 0; color:#FFFFFF; background:#000000;} .d34-6 h2 {font-size:44px; text-align:center;} /***** 产品专题页：P12 Plus *****/ .sel-product-detail-35 {} /* public */ .sel-product-detail-35 img {display:block; width:100%;} /**/ .d35-1 {background-image:url('../images/p35/001-bg.jpg'); background-position:center top; background-repeat:no-repeat; background-size:cover;} .d35-1 .main {padding:400px 0; position:relative;} .d35-1 .shead {} .d35-1 .shead h2 {font-size:28px;} .d35-1 .shead h1 {font-size:72px; margin-top:30px;} .d35-1 .shead p {font-size:32px;} /**/ .d35-2 {padding:150px 0 0; color:#FFFFFF; background-color:#000000; background-image:url('../images/p35/002-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;} .d35-2 .inner {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .d35-2 .img {width:calc(50% - 40px); position:relative;} .d35-2 .img .gmovie {position:absolute; right:11.55%; top:3.15%; width:40.25%; overflow:hidden;} .d35-2 .img .gmovie img {} .d35-2 .text {width:calc(50% - 40px);} .d35-2 .text p {font-size:22px;} .d35-2 .text p .division {display:block; height:20px;} /**/ .d35-3 {padding:150px 0;} .d35-3 .shead {} .d35-3 .shead h2 {font-size:44px; color:#54C3CD; text-align:center;} .d35-3 .shead h2 span {display:block;} .d35-3 ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:100px -20px -20px;} .d35-3 ul li {width:20%; padding:20px;} .d35-3 ul li .cell {} .d35-3 ul li .text {text-align:center; margin-bottom:20px;} .d35-3 ul li .text p {font-size:16px; font-weight:bold; line-height:1.4;} .d35-3 ul li .img {} .d35-3 ul li:nth-child(2n) {margin-top:100px;} /**/ .d35-4 {padding:150px 0; color:#FFFFFF; background-color:#000000; background-image:url('../images/p35/004-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} .d35-4 .inner {} .d35-4 .shead {text-align:center;} .d35-4 .shead h2 {font-size:44px; color:#54C3CD; margin-bottom:20px;} .d35-4 .shead p {font-size:22px;} .d35-4 .sc-wrap {position:relative;} .d35-4 .swiper-container {position:static;} .d35-4 .swiper-container .swiper-wrapper {align-items:flex-start;} .d35-4 .swiper-container .swiper-slide {} .d35-4 .swiper-container .img-box {margin-bottom:30px; padding:0; border:none;} .d35-4 .swiper-container .text {} .d35-4 .swiper-container .text h3 {font-size:32px; color:#54C3CD; position:relative; margin-bottom:40px; padding-bottom:20px;} .d35-4 .swiper-container .text h3::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:linear-gradient(to right, rgba(84,195,205,1), rgba(84,195,205,0));} .d35-4 .swiper-container .text p {font-size:22px;} /**/ .d35-5 {overflow:hidden;} .d35-5 .topic {height:80vh; position:relative; background-color:#000000; background-image:url('../images/p35/005-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} .d35-5 .topic img {width:50%; position:absolute; right:0; bottom:0;} .d35-5 .shead {margin-top:150px;} .d35-5 .shead h2 {font-size:44px; text-align:center; color:#71C1CF;} .d35-5 .sc-wrap {position:relative; padding:0 0 60px 0;} .d35-5 .swiper-container {position:static;} .d35-5 .swiper-container .swiper-wrapper {align-items:flex-start;} .d35-5 .swiper-container .swiper-slide {display:flex; flex-wrap:wrap; justify-content:space-between;} .d35-5 .swiper-container .swiper-slide .img-box {width:100%; margin-bottom:30px; padding:0; position:relative;} .d35-5 .swiper-container .swiper-slide .text {width:100%;} .d35-5 .swiper-container .swiper-slide .text h3 { font-size:32px; color:#54C3CD; margin-bottom:10px;} .d35-5 .swiper-container .swiper-slide .text p {font-size:22px;} .d35-5 .swiper-container .swiper-pagination-bullet {background:#000000;} .d35-5 .swiper-container .swiper-pagination {bottom:60px;} /**/ .d35-6 {padding:150px 0; background-image:url('../images/p35/006-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} .d35-6 h2 {font-size:44px; text-align:center;} .d35-6 .box {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:60px;} .d35-6 .text {width:calc(50%);} .d35-6 .text ul {} .d35-6 .text ul li {padding:20px 0;} .d35-6 .text ul li .cell {display:flex; flex-direction:row-reverse; align-items:center;} .d35-6 .text ul li .cell img {width:100px; margin-left:20px;} .d35-6 .text ul li p {font-size:18px; font-weight:bold; text-align:right;} .d35-6 .img {width:calc(50% - 40px);} /**/ .d35-7 {padding:150px 0; position:relative; color:#FFFFFF; background-color:#000000; background-image:url('../images/p35/007-bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} .d35-7::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);} .d35-7 .main {position:relative; z-index:2;} .d35-7 .shead {} .d35-7 .shead h2 {font-size:44px; color:#54C3CD; text-align:center;} .d35-7 ul {margin-top:60px;} .d35-7 ul li {padding:40px 0;} .d35-7 ul li .cell {} .d35-7 ul li h3 {margin-bottom:10px; font-size:32px; color:#54C3CD;} .d35-7 ul li p {font-size:22px;} /**/ .d35-8 {padding:150px 0; color:#FFFFFF; background:#000000;} .d35-8 h2 {font-size:44px; text-align:center;} /***** 产品专题页：兽用探头 *****/ .sel-product-detail-36 {} /* public */ .sel-product-detail-36 .con {} .sel-product-detail-36 .con .text {} .sel-product-detail-36 .con .text h2 {font-size:44px; text-align:center;} .sel-product-detail-36 .con .text ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px; overflow:hidden;} .sel-product-detail-36 .con .text ul li {margin-bottom:40px; width:calc(50% - 40px);} .sel-product-detail-36 .con .text ul li:last-child {margin-bottom:0;} .sel-product-detail-36 .con .text ul li .cell {} .sel-product-detail-36 .con .text ul li img {display:block; border-radius:20px; border:1px solid rgba(0, 0, 0, 0.1);} .sel-product-detail-36 .con .text ul li .name {margin-top:40px;} .sel-product-detail-36 .con .text ul li h3 {font-size:22px; color:#009FAB; margin-bottom:10px;} .sel-product-detail-36 .con .text ul li p {font-size:18px;} /**/ .d36-1 {background:url("../images/p36/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d36-1 .main {padding:550px 0 100px; position:relative;} .d36-1 .text {text-align:center;} .d36-1 .text h1 {font-size:72px;} /**/ .d36-2 {padding:100px 0; background:#f2f2f2;} /**/ .d36-3 {padding:100px 0;} /**/ .d36-4 {padding:100px 0; background:#f2f2f2;} /**/ .d36-5 {padding:100px 0; } /***** 产品专题页：P20 Plus *****/ .sel-product-detail-37 {} /**/ .d37-1 {} .d37-1 .main {padding:150px 0; position:relative;} .d37-1 .shead {text-align:center;} .d37-1 .shead h1 {font-size:64px; margin-bottom:40px;} .d37-1 .shead h2 {font-size:64px; color:#534479;} .d37-1 .shead p {font-size:22px;} .d37-1 .img {width:30%; margin:60px auto;} .d37-1 .img img {display:block; width:100%;} .d37-1 .intro {font-size:22px;} /**/ .d37-2 {padding:150px 0; background:#EDEDED;} .d37-2 .shead {} .d37-2 .shead h2 {margin-bottom:40px; text-align:center; font-size:44px; color:#5B4D7F;} .d37-2 .shead p {font-size:22px;} .d37-2 ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px -40px -40px;} .d37-2 ul li {width:50%; padding:40px;} .d37-2 ul li:nth-child(1) {width:100%;} .d37-2 ul li:nth-child(1) .cell {display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:row-reverse;} .d37-2 ul li:nth-child(1) .text {width:calc(50% - 40px);} .d37-2 ul li:nth-child(1) .text p {text-align:justify;} .d37-2 ul li:nth-child(1) .img {width:calc(50% - 40px);} .d37-2 ul li .cell {} .d37-2 ul li .text {} .d37-2 ul li .text h3 {font-size:32px; position:relative; color:#5B4D7F; margin-bottom:20px; padding-bottom:20px;} .d37-2 ul li .text h3::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:linear-gradient(to right, rgba(91,77,127,1), rgba(91,77,127,0));} .d37-2 ul li .text p {font-size:22px;} .d37-2 ul li .text p .division {display:block; height:20px;} .d37-2 ul li .img {margin-bottom:30px;} .d37-2 ul li .img img {display:block; width:100%;} /**/ .d37-3 {padding:150px 0;} .d37-3 .shead {text-align:center;} .d37-3 .shead h2 {font-size:44px; color:#5B4D7F; margin-bottom:20px;} .d37-3 .shead p {font-size:22px;} .d37-3 ul {margin:60px -40px -40px; display:flex; flex-wrap:wrap; justify-content:space-between;} .d37-3 ul li {width:25%; padding:40px;} .d37-3 ul li .cell {} .d37-3 ul li .text {text-align:center;} .d37-3 ul li .text h3 {font-size:36px; margin-bottom:20px;} .d37-3 ul li .text p {font-size:22px;} .d37-3 ul li .img {margin-bottom:20px;} .d37-3 ul li .img img {display:block; width:100%;} /**/ .d37-4 {padding:150px 0; background:#F1F1F1;} .d37-4 ul {} .d37-4 ul li {margin-bottom:40px;} .d37-4 ul li .cell {display:flex; flex-wrap:wrap; justify-content:space-between; padding:60px; background:#E3E3E3;} .d37-4 ul li .text {width:calc(50% - 20px);} .d37-4 ul li .text h3 {font-size:32px; margin-bottom:20px;} .d37-4 ul li .text p {font-size:22px;} .d37-4 ul li .img {width:calc(50% - 20px);} .d37-4 ul li .img img {display:block; width:100%;} .d37-4 ul li:nth-child(2n) .cell {flex-direction:row-reverse;} /**/ .d37-5 {padding:150px 0;} .d37-5 h2 {margin-bottom:100px; font-size:44px; text-align:center; color:#534479;} .d37-5 .box {position:relative;} .d37-5 ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:-40px 0;} .d37-5 ul li {width:35%; padding:40px 0; display:flex;} .d37-5 ul li .cell {width:80%;} .d37-5 ul li .cell .text {margin-top:20px;} .d37-5 ul li img {display:block; width:100%;} .d37-5 .img {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:30%;} .d37-5 .img img {display:block; width:100%;} .d37-5 ul li:nth-child(2), .d37-5 ul li:nth-child(4) {justify-content:flex-end;} /**/ .d37-6 {padding:150px 0; color:#FFFFFF; background:#000000;} .d37-6 h2 {font-size:44px; text-align:center;} .d37-6 .swiper-container {} .d37-6 .swiper-container .text {text-align:center; margin-top:20px;} /***** 产品专题页：P20 Elite *****/ .sel-product-detail-38 {} /* public */ .sel-product-detail-38 img {display:block; width:100%;} .sel-product-detail-38 .d38-con .topic {padding:300px 100px; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover;} .sel-product-detail-38 .d38-con .topic .text {color:#FFFFFF; width:50%; margin:0 0 0 auto; position:relative; z-index:1; text-align:center;} .sel-product-detail-38 .d38-con .topic .text h2 {font-size:44px;} .sel-product-detail-38 .d38-con .topic .text p {font-size:22px; margin-top:20px;} /**/ .d38-1 {background-image:url('../images/p38/001-bg.jpg'); background-position:center top; background-repeat:no-repeat; background-size:cover;} .d38-1 .main {padding:300px 0 500px; position:relative;} .d38-1 .text {text-align:center;} .d38-1 .text h2 {font-size:56px;} .d38-1 .text h2 span {display:block;} .d38-1 .text h1 {font-size:64px; margin-top:30px; display:inline-block; background-image:-webkit-linear-gradient(left,#9A6BA8,#644275); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .d38-1 .text p {font-size:22px; color:#595757;} /**/ .d38-2 {color:#FFFFFF; background:#000000;} .d38-2 .inner {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .d38-2 .img {width:calc(50% - 40px);} .d38-2 .text {width:calc(50% - 40px);} .d38-2 .text h2 {font-size:44px; margin-bottom:20px;} .d38-2 .text p {font-size:22px;} .d38-2 .text p .division {display:block; height:20px;} /**/ .d38-3 {} .d38-3 .topic {position:relative; background-image:url('../images/p38/003-bg.jpg'); background-attachment:fixed;} .d38-3 .topic::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);} .d38-3 .box {padding:20px 0; position:relative; background-color:#181718;} .d38-3 .swiper-container {position:static;} .d38-3 .swiper-container .swiper-slide {display:flex; flex-wrap:wrap; flex-direction:row-reverse; justify-content:space-between; align-items:center;} .d38-3 .swiper-container .swiper-slide .img-box {width:calc(50% - 40px); position:relative; padding:0; border:none;} .d38-3 .swiper-container .swiper-slide .text {width:calc(50% - 40px); color:#FFFFFF;} .d38-3 .swiper-container .swiper-slide .text h3 {font-size:32px; margin-bottom:20px;} .d38-3 .swiper-container .swiper-slide .text p {font-size:22px;} .d38-3 .swiper-container .swiper-slide .text p .division {display:block; height:20px;} .d38-3 .swiper-container .swiper-pagination {bottom:40px;} /**/ .d38-4 .topic {position:relative; background-image:url('../images/p38/004-bg.jpg'); background-attachment:fixed;} .d38-4 .topic::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);} .d38-4 .list {background:#000000;} .d38-4 ul {display:flex; flex-wrap:wrap; margin:80px -20px;} .d38-4 ul li {width:50%; padding:20px;} .d38-4 ul li .inner {} .d38-4 ul li .inner a {display:block; position:relative; padding-bottom:100px; overflow:hidden;} .d38-4 ul li img {display:block;} .d38-4 ul li .t {width:100%; height:100px; padding:20px; border-top:4px solid #91619E; color:#FFFFFF; position:absolute; left:0; bottom:0; background-image:linear-gradient(to left, rgba(59,54,55,1), rgba(35,30,30,1)); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .d38-4 ul li .t h4 {font-size:22px; margin-bottom:15px;} .d38-4 ul li .t p {visibility:hidden; opacity:0; font-size:18px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .d38-4 ul li .inner a:hover .t {height:100%;} .d38-4 ul li .inner a:hover .t p {opacity:1; visibility:visible;} /**/ .d38-5 .topic {position:relative; background-image:url('../images/p38/005-bg.jpg'); background-attachment:fixed;} .d38-5 .topic::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);} .d38-5 .list {padding:100px 0; background:#000000;} .d38-5 ul {} .d38-5 ul li {margin-bottom:40px; padding:60px; background-image:linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0));} .d38-5 ul li:last-child {margin:0;} .d38-5 ul li .cell {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;} .d38-5 ul li .img {width:calc(40% - 40px);} .d38-5 ul li .text {width:calc(60% - 40px); color:#FFFFFF;} .d38-5 ul li .text h3 {font-size:22px; margin-bottom:20px;} .d38-5 ul li .text p {font-size:18px;} .d38-5 ul li:nth-child(2), .d38-5 ul li:nth-child(4) {background-image:linear-gradient(to left, rgba(255,255,255,0.2), rgba(255,255,255,0));} .d38-5 ul li:nth-child(2) .cell, .d38-5 ul li:nth-child(4) .cell {flex-direction:row-reverse;} .d38-5 ul li:nth-child(2) .text, .d38-5 ul li:nth-child(4) .text {margin:0 40px 0 0;} /**/ .d38-6 .topic {position:relative; background-image:url('../images/p38/006-bg.jpg'); background-attachment:fixed;} .d38-6 .topic::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);} .d38-6 .box {position:relative; padding:150px 0;} .d38-6 ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:-40px 0;} .d38-6 ul li {width:35%; padding:40px 0; display:flex;} .d38-6 ul li .cell {width:80%;} .d38-6 ul li .cell .text {margin-top:20px;} .d38-6 ul li img {display:block; width:100%;} .d38-6 .img {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:30%;} .d38-6 .img img {display:block; width:100%;} .d38-6 ul li:nth-child(2), .d38-6 ul li:nth-child(4) {justify-content:flex-end;} /**/ .d38-7 {padding:150px 0; color:#FFFFFF; background:#000000;} .d38-7 h2 {font-size:44px; text-align:center;} .d38-7 .swiper-container {} .d38-7 .swiper-container .text {text-align:center; margin-top:20px;} /***** HD-580 *****/ .sel-product-detail-39 {} /**/ .d39-1 {background:#000000 url("../images/p39/001.jpg") no-repeat scroll center bottom / 100% auto; background-size:cover;} .d39-1 .main {padding:300px 0 150px; position:relative;} .d39-1 .text {} .d39-1 h1 {display:flex; font-size:64px; color:#ffffff;} .d39-1 h1 span {margin:0 30px 0 0;} .d39-1 h1 span:last-child {margin:0;} .d39-1 p {color:#ffffff; margin:60px 0 20px; line-height:1;} .d39-1 p span {font-size:44px; font-weight:bold;} .d39-1 .img {width:40%;} .d39-1 .img ul {display:flex; flex-wrap:wrap; margin:-4px -4px 0 -4px;} .d39-1 .img ul li {width:25%; padding:4px 4px 0 4px;} /**/ .d39-2 {padding:150px 0 100px;} .d39-2 .inner {display:flex; justify-content:space-between;} .d39-2 .img {width:35%;} .d39-2 .text {width:60%; padding-left:100px;} .d39-2 .text .col {margin-bottom:50px;} .d39-2 .text .col:last-child {margin:0;} .d39-2 .text h2 {font-size:32px; color:#009FA8; margin-bottom:4px;} .d39-2 .text span {display:block; font-size:22px; color:rgba(0, 0, 0, 0.5);} .d39-2 .text p {font-size:18px; margin:20px 0;} .d39-2 .text img {width:70%;} .d39-2 .text .info {margin-top:10px; width:70%;} .d39-2 .text .info p {margin:0 0 20px 0; font-size:14px; display:flex; justify-content:space-between; align-items:center;} .d39-2 .text .info p:last-child {margin:auto; padding:0 14.5% 0 0; display:block; text-align:center; font-size:12px; opacity:0.5;} .d39-2 .text .info p span {font-size:14px; color:#000000;} .d39-2 .text .info p img {max-width:200px;} /**/ .d39-3 {padding:100px 0 150px; background:#f5f5f5;} .d39-3 .inner {} .d39-3 .shead {text-align:center; margin-bottom:60px;} .d39-3 .shead h2 {font-size:44px; color:#009FA8;} .d39-3 .shead p {font-size:28px; color:rgba(0, 0, 0, 0.5);} .d39-3 .group {margin-bottom:80px;} .d39-3 .group:last-child {margin:0;} .d39-3 .text {text-align:center;} .d39-3 .text .sh {text-align:center; overflow:hidden;} .d39-3 .text .shl {display:inline-block; width:110px;} .d39-3 .text .shr {display:inline-block; text-align:left; padding-left:30px;} .d39-3 .text .shr h2 {font-size:44px; line-height:1;} .d39-3 .text .shr p {font-size:18px;} .d39-3 .text p.desc {margin-top:40px; font-size:22px;} .d39-3 .img {margin:50px auto 0; text-align:center;} .d39-3 .img .t {margin-bottom:60px;} .d39-3 .img .t ul {display:flex; justify-content:center; align-items:flex-end; padding:0 10%;} .d39-3 .img .t ul li {width:30%; padding:0 4%;} .d39-3 .img .t ul li span {display:block; font-size:14px; color:#4d4d4d; line-height:1.2;} .d39-3 .img .t ul li img {margin-bottom:10px;} .d39-3 .img .t ul li:nth-child(2), .d39-3 .img .t ul li:nth-child(4) {width:10%; margin-bottom:80px; padding:0;} .d39-3 .img .t ul li:nth-child(2) img, .d39-3 .img .t ul li:nth-child(4) img {margin:0;} .d39-3 .img .b {} .d39-3 .img .b ul {display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 8%;} .d39-3 .img .b ul li {width:33.33%; padding:0 4%;} .d39-3 .img .b ul li img {margin-bottom:20px;} .d39-3 .img .b ul li p {font-size:20px; margin-bottom:10px; line-height:1;} .d39-3 .img .b ul li span {font-size:16px;} .d39-3 .group:nth-child(3) .t ul li {} /**/ .d39-4 {position:relative; height:1200px; background:#000000 url("../images/p39/004.jpg") no-repeat scroll center top / 100% auto; background-size:cover;} .d39-4 .text {position:absolute; left:50.15%; top:12.15%; color:#FFFFFF; text-align:center;} .d39-4 .text h2 {font-size:44px;} .d39-4 .text span {font-size:22px;} .d39-4 .text ul {margin:40px 0 80px; display:flex; justify-content:center;} .d39-4 .text ul li {padding:0 14px; position:relative; line-height:1;} .d39-4 .text ul li::after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:100%; background:rgba(255, 255, 255, 0.5);} .d39-4 .text ul li:last-child::after {display:none;} .d39-4 .text h3 {font-size:44px;} .d39-4 .text p {font-size:22px;} /****************************************/ /* products detail: X-2600 */ /****************************************/ /**/ .sel_products_detail_57 {} .sel_products_detail_57 .shead {max-width:860px; margin:auto; text-align:center;} .sel_products_detail_57 .shead h2 {margin-bottom:20px; font-size:44px; color:#009ca5;} .sel_products_detail_57 .shead p {font-size:22px; opacity:0.5;} /**/ .d57_1 {padding:200px 0 150px; background:linear-gradient(to right, #EEEEEF 50%, #C8C9CA 100%);} .d57_1 .main {display:flex; justify-content:space-between;} .d57_1 .text {width:40%;} .d57_1 .text h1 {display:flex; flex-direction:column; align-items:flex-start; margin-bottom:100px; font-size:64px;} .d57_1 .text h1 span {} .d57_1 .text h1 span:nth-child(1) {position:relative;} .d57_1 .text h1 span:nth-child(1) i {display:block; width:0; height:0; position:absolute;} .d57_1 .text h1 span:nth-child(1) i:nth-child(1) {left:-20px; top:0;} .d57_1 .text h1 span:nth-child(1) i:nth-child(1)::before {content:""; position:absolute; left:0; top:0; width:5px; height:30px; background:#000000;} .d57_1 .text h1 span:nth-child(1) i:nth-child(1)::after {content:""; position:absolute; left:0; top:0; width:20px; height:5px; background:#000000;} .d57_1 .text h1 span:nth-child(1) i:nth-child(2) {right:-20px; bottom:0; top:auto;} .d57_1 .text h1 span:nth-child(1) i:nth-child(2)::before {content:""; position:absolute; right:0; bottom:0; width:5px; height:30px; background:#000000;} .d57_1 .text h1 span:nth-child(1) i:nth-child(2)::after {content:""; position:absolute; right:0; bottom:0; width:20px; height:5px; background:#000000;} .d57_1 .text h2 {font-size:44px; color:#009ca5;} .d57_1 .text p {font-size:28px; opacity:0.5;} .d57_1 .text ul {margin-top:20px; display:flex;} .d57_1 .text ul li {width:100px; margin-right:10px;} .d57_1 .text ul li:last-child {margin:0;} .d57_1 .text ul li .cell {} .d57_1 .text ul li img {display:block; width:100%;} .d57_1 .img {width:60%;} .d57_1 .img img {display:block; width:100%;} /**/ .d57_2 {padding:150px 0;} .d57_2 .main {} .d57_2 .text {} .d57_2 .text h2 {} .d57_2 .text p {} .d57_2 .img {display:flex; justify-content:space-between; align-items:center; margin-top:100px;} .d57_2 .img img {display:block;} .d57_2 .img img:nth-child(1) {width:calc(60% - 40px);} .d57_2 .img img:nth-child(2) {width:calc(40% - 40px);} /**/ .d57_3 {padding:150px 0; background:linear-gradient(to right, #EEEEEF 50%, #C8C9CA 100%);} .d57_3 .main {} .d57_3 .text {} .d57_3 .text h2 {} .d57_3 .text p {} .d57_3 .text ul {margin-top:60px;} .d57_3 .text ul li {margin-bottom:40px;} .d57_3 .text ul li:last-child {margin:0;} .d57_3 .text ul li .cell {} .d57_3 .text ul li .t {display:flex; align-items:center; max-width:500px; margin:auto;} .d57_3 .text ul li .t img {display:block; width:100px;} .d57_3 .text ul li .t .t_r {margin-left:20px;} .d57_3 .text ul li .t .t_r h3 {font-size:28px; line-height:1; margin-bottom:10px;} .d57_3 .text ul li .t .t_r p {opacity:0.5; line-height:1;} .d57_3 .text ul li .b {max-width:860px; margin:30px auto 0; font-size:18px; opacity:0.65; text-align:center;} .d57_3 .img {margin-top:100px;} .d57_3 .img ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -20px;} .d57_3 .img ul li {width:33.33%; padding:0 20px; text-align:center;} .d57_3 .img ul li .cell {} .d57_3 .img ul li img {display:block; width:100%;} .d57_3 .img ul li p {font-size:18px; margin-top:20px;} /**/ .d57_4 {padding:150px 0;} .d57_4 .main {display:flex; flex-wrap:wrap; justify-content:center; flex-direction:row-reverse; align-items:center;} .d57_4 .text {padding-left:100px;} .d57_4 .text .shead {max-width:none; text-align:left;} .d57_4 .text h2 {} .d57_4 .text p {} .d57_4 .text ul {margin-top:60px;} .d57_4 .text ul li {margin-bottom:60px;} .d57_4 .text ul li:last-child {margin:0;} .d57_4 .text ul li .cell {display:flex; align-items:center;} .d57_4 .text ul li img {display:block; width:80px; height:80px; border-radius:100%; border:1px solid #009ca5;} .d57_4 .text ul li .r {margin-left:20px;} .d57_4 .text ul li .r h3 {font-size:22px; margin-bottom:10px;} .d57_4 .text ul li .r p {font-size:18px; opacity:0.65;} .d57_4 .img {width:25%; margin-left:100px;} .d57_4 .img img {} /**/ .d57_5 {padding:150px 0; background:linear-gradient(to right, #EEEEEF 50%, #C8C9CA 100%);} .d57_5 .main {} .d57_5 .text {} .d57_5 .text h2 {} .d57_5 .text p {} .d57_5 .text h2:nth-child(3) {margin-top:60px;} .d57_5 .text ul {display:flex; justify-content:center; margin:40px -40px 0;} .d57_5 .text ul li {padding:0 40px;} .d57_5 .text ul li .cell {display:flex; align-items:center;} .d57_5 .text ul li img {display:block; width:80px; height:80px; border-radius:100%; border:1px solid #009ca5;} .d57_5 .text ul li .r {margin-left:20px;} .d57_5 .text ul li .r p {display:flex; flex-direction:column;} .d57_5 .img {margin-top:100px; position:relative;} .d57_5 .img img {display:block; width:100%;} .d57_5 .img p {} .d57_5 .img p span {position:absolute; font-size:14px;} .d57_5 .img p span:nth-child(1) {bottom:calc(39% - 20px); left:0;} .d57_5 .img p span:nth-child(2) {bottom:calc(2.95% - 20px); left:20.65%;} /****************************************/ /* products detail: EU-10 */ /****************************************/ /**/ .sel_products_detail_58 {} /**/ .d58_1 {padding:150px 0;} .d58_1 .main {} .d58_1 .text {text-align:center;} .d58_1 .text h1 {font-size:72px; color:#009FA8;} .d58_1 .text h2 {font-size:32px;} .d58_1 .text p {display:flex; flex-direction:column; margin-top:40px; font-size:22px; opacity:0.5;} .d58_1 .text p span {} .d58_1 .img {width:60%; margin:60px auto 0;} .d58_1 .img img {display:block; width:100%;} /**/ .d58_2 {padding:150px 0; background:#F2F2F2;} .d58_2 .main {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; flex-direction:row-reverse;} .d58_2 .text {width:55%; margin-top:-40px; padding-left:60px;} .d58_2 .text .con_t {} .d58_2 .text .con_t:nth-child(1) {margin-bottom:100px;} .d58_2 .text .con_t h2 {font-size:32px; color:#009FA8;} .d58_2 .text .con_t dl {margin-top:30px;} .d58_2 .text .con_t dl dd {font-size:18px; padding:5px 0; position:relative; padding-left:15px;} .d58_2 .text .con_t dl dd::before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:100%; background:#009FA8;} .d58_2 .text .con_t .t_img {margin-top:20px; display:flex; justify-content:space-between;} .d58_2 .text .con_t .t_img img {width:calc(50% - 20px);} .d58_2 .text .con_t .t_img img:nth-child(1) {} .d58_2 .img {width:45%; padding-right:60px; display:flex; justify-content:flex-end;} .d58_2 .img img {display:block; width:75%;} /**/ .d58_3 {padding:150px 0 1200px; background:url("../images/p58/003_bg.jpg") no-repeat scroll center top / 100% auto; background-size:cover;} .d58_3 .main {} .d58_3 .text {position:relative;} .d58_3 .text ul {} .d58_3 .text ul li {position:absolute; max-width:275px;} .d58_3 .text ul li:nth-child(1), .d58_3 .text ul li:nth-child(3) {text-align:right; right:50%; top:-15px; transform:translateX(-140px);} .d58_3 .text ul li:nth-child(3) {top:auto; bottom:-90px;} .d58_3 .text ul li:nth-child(2), .d58_3 .text ul li:nth-child(4) {left:50%; top:-15px; transform:translateX(140px);} .d58_3 .text ul li:nth-child(4) {top:auto; bottom:-90px;} .d58_3 .text ul li .cell {} .d58_3 .text ul li h2 {font-size:28px; color:#009FA8; margin-bottom:10px;} .d58_3 .text ul li p {font-size:18px;} .d58_3 .text .circle {display:flex; justify-content:center; align-items:center; width:200px; height:200px; margin:auto; font-size:32px; color:#009FA8; background:url("../images/p58/003_circle.png") no-repeat scroll center top / 100% auto; background-size:cover;} /**/ .d58_4 {padding:150px 0 400px; background:#000000 url("../images/p58/004_bg.jpg") no-repeat scroll center top / 100% auto; background-size:cover;} .d58_4 .main {} .d58_4 .text {color:#FFFFFF; padding-left:100px;} .d58_4 .text h2 {font-size:32px;} .d58_4 .text ul {margin-top:20px;} .d58_4 .text ul li {} .d58_4 .text ul li .cell {} .d58_4 .text ul li p {padding:3px 0; position:relative; padding-left:15px; opacity:0.8;} .d58_4 .text ul li p::before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:100%; background:#FFFFFF;} /**/ .d58_5 {padding:0 0 600px; background:url("../images/p58/005_bg.jpg") no-repeat scroll center top / 100% auto; background-size:cover;} .d58_5 .main {display:flex;} .d58_5 .text {padding:100px; background:rgba(255, 255, 255, 0.8);} .d58_5 .text h2 {display:flex; flex-direction:column; font-size:32px;} .d58_5 .text ul {margin-top:20px;} .d58_5 .text ul li {} .d58_5 .text ul li .cell {} .d58_5 .text ul li p {padding:3px 0;} /***** 耗材详情 *****/ .sel-consumables {background:#F8F8F8;} /**/ .consumables-box {} .consumables-box .main {padding:150px 0 0; position:relative;} .consumables-box h1 {font-size:44px; text-align:center; margin-bottom:40px;} .consumables-box ul {} .consumables-box ul li {margin-bottom:40px;} .consumables-box ul li:last-child {margin:0;} .consumables-box ul li .cell {display:flex; background:#FFFFFF;} .consumables-box ul li .cover {width:50%;} .consumables-box ul li .cover span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .consumables-box ul li .text {width:50%; padding:60px 40px; border-left:4px solid rgba(0, 0, 0, .05);} .consumables-box ul li .text .tt {} .consumables-box ul li .text .tt strong {display:inline-block; font-weight:normal; font-size:14px; color:#009FAB; margin-bottom:20px;} .consumables-box ul li .text .tt h2 {font-size:22px; margin-bottom:10px;} .consumables-box ul li .text .tt p {font-size:16px; opacity:0.5;} .consumables-box ul li .text .tb {} .consumables-box ul li .text .tb span {font-size:14px; opacity:0.8;} /* ======================================================== */ /* 服务与支持 */ /* ======================================================== */ .sel_support {} /**/ .sel_support .shead {margin-bottom:60px; text-align:center; position:relative; z-index:1;} .sel_support .shead h2 {font-size:48px;} .sel_support .shead h3 {font-size:22px; margin-top:10px;} .sel_support .shead p {font-size:28px; margin-top:30px;} /**/ .service_type {} .service_type ul {display:flex; flex-wrap:wrap; margin:10px -10px -10px;} .service_type ul li {width:25%; padding:10px; color:#ffffff;} .service_type ul li a {display:block; padding:60px 0; cursor:default; text-align:center; background:rgba(0,0,0,0.02);} .service_type ul li span {margin:auto; display:block; width:64px; height:64px; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(0.95); transition:all 0.3s ease-out 0s;} .service_type ul li p {margin-top:20px; line-height:1.6; font-size:18px;} .service_type ul li a:hover span {transform:scale(1.0);} /**/ .service_performance {padding:100px 0 150px;} .service_performance .main {} .service_performance ul {display:flex; justify-content:space-between; flex-wrap:wrap;} .service_performance ul li {} .service_performance ul li .cell {} .service_performance ul li .text {text-align:center;} .service_performance ul li .text h2 {display:inline-block; font-size:100px; color:#009FAB; position:relative; line-height:1;} .service_performance ul li .text h2 sup {font-size:16px; font-weight:normal; position:absolute; right:-20px; bottom:15px; line-height:1;} .service_performance ul li .text h2 sup.symbol {display:block; font-size:0; width:14px; height:14px;} .service_performance ul li .text h2 sup.symbol::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:2px; background:#009FAB;} .service_performance ul li .text h2 sup.symbol::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:2px; height:100%; background:#009FAB;} .service_performance ul li .text p {font-size:18px; margin-top:20px; opacity:0.5;} /**/ .service_solutions {} .service_solutions .main {} .service_solutions ul {display:flex; flex-wrap:wrap; margin:-40px;} .service_solutions ul li {width:50%; padding:40px;} .service_solutions ul li .cell {position:relative;} .service_solutions ul li span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .service_solutions ul li p {padding:40px 20px; font-size:28px; text-align:center; font-weight:bold; line-height:1;} /**/ .service_promise {padding:100px 0 150px;} .service_promise .main {} .service_promise .qr_code {padding:0 0 120px 0;} .service_promise .qr_code .text {margin-bottom:40px; text-align:center;} .service_promise .qr_code .text p {font-size:16px; line-height:1; opacity:0.8;} .service_promise .qr_code .text h3 {font-size:22px; font-weight:normal; line-height:1; margin:14px 0;} .service_promise .qr_code .text span {font-size:14px; opacity:0.5;} .service_promise .qr_code ul {display:flex; flex-wrap:wrap; justify-content:space-between; width:80%; margin:-20px auto;} .service_promise .qr_code ul li {width:33.333333%; padding:20px;} .service_promise .qr_code ul li .cell {} .service_promise .qr_code ul li img {display:block; margin:auto; max-width:200px; width:80%;} .service_promise .qr_code ul li p {font-size:14px; text-align:center; margin-top:10px; opacity:0.8;} .service_promise .list {} .service_promise .list ul {display:flex; flex-wrap:wrap; margin:-10px;} .service_promise .list ul li {width:50%; padding:10px;} .service_promise .list ul li .cell {height:100%; background:rgba(0,0,0,0.02);} .service_promise .list ul li span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .service_promise .list ul li .text {padding:60px 40px;} .service_promise .list ul li .text h3 {margin-bottom:16px; font-size:28px;} .service_promise .list ul li .text p {font-size:16px;} /* s_point */ .support_box .s_point {text-align:center;} .support_box .s_point .rbox {} .support_box .s_point .radiation {position:relative; width:80%; margin:-160px auto 40px;} .support_box .s_point .radiation .note {display:block; position:absolute; border-radius:100%; background:rgba(0,159,171,0);} .support_box .s_point .radiation .note a { position:relative; z-index:3; display:block; width:100%; height:100%;} .support_box .s_point .radiation .note::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:10px; height:10px; border-radius:100%; background:rgba(0,159,171,1);} .support_box .s_point .radiation .note .cname {display:block; position:absolute; left:70%; top:31%; text-align:left; width:200px; height:auto; font-size:12px;} .support_box .s_point .radiation .note:nth-child(1) {right:11.22%; top:20%;} .support_box .s_point .radiation .note:nth-child(2) {right:12.3%; top:23.5%;} .support_box .s_point .radiation .note:nth-child(3) {right:12.8%; top:27.9%;} .support_box .s_point .radiation .note:nth-child(4) {right:14.55%; top:31.55%;} .support_box .s_point .radiation .note:nth-child(5) {right:36.1%; top:41.5%;} .support_box .s_point .radiation .note:nth-child(6) {right:45.55%; top:38.85%;} .support_box .s_point .radiation .note:nth-child(7) {right:70.8%; top:25.15%;} .support_box .s_point .radiation .note:nth-child(8) {right:21.8%; top:37.55%;} .support_box .s_point .radiation .note:nth-child(9) {right:16.65%; top:37.85%;} .support_box .s_point .radiation .note:nth-child(10) {right:31.15%; top:34.85%;} .support_box .s_point .radiation .note:nth-child(11) {right:25.75%; top:34.55%;} .support_box .s_point .radiation .note:nth-child(12) {right:27.55%; top:41.55%;} .support_box .s_point .radiation .note:nth-child(13) {right:11.55%; top:45.55%;} .support_box .s_point .radiation .note:nth-child(14) {right:15.45%; top:45.55%;} .support_box .s_point .radiation .note:nth-child(15) {right:17.15%; top:43.55%;} .support_box .s_point .radiation .note:nth-child(16) {right:15.55%; top:48.95%;} .support_box .s_point .radiation .note:nth-child(17) {right:20.55%; top:44.95%;} .support_box .s_point .radiation .note:nth-child(18) {right:27.55%; top:47.55%;} .support_box .s_point .radiation .note:nth-child(19) {right:29.35%; top:51.55%;} .support_box .s_point .radiation .note:nth-child(20) {right:23.1%; top:51.55%;} .support_box .s_point .radiation .note:nth-child(21) {right:24.75%; top:61.15%;} .support_box .s_point .radiation .note:nth-child(22) {right:26.25%; top:59.95%;} .support_box .s_point .radiation .note:nth-child(23) {right:35.35%; top:60.65%;} .support_box .s_point .radiation .note:nth-child(24) {right:16.15%; top:56.45%;} .support_box .s_point .radiation .note:nth-child(25) {right:46.35%; top:47.45%;} .support_box .s_point .radiation .note:nth-child(26) {right:40.55%; top:50.55%;} .support_box .s_point .radiation .note:nth-child(27) {right:38.55%; top:54.55%;} .support_box .s_point .radiation .note:nth-child(28) {right:48.55%; top:58.55%;} .support_box .s_point .radiation .note:nth-child(29) {right:25.0%; top:29.65%;} .support_box .s_point .radiation .note:nth-child(30) {right:21.55%; top:31.55%;} .support_box .s_point .radiation .note:nth-child(31) {right:30.65%; top:27.45%;} .support_box .s_point .radiation .note:nth-child(32) {right:32.85%; top:33.95%;} .support_box .s_point .radiation .tips {display:none; opacity:0; padding:30px; position:absolute; top:20px; text-align:left; z-index:999; background:#ffffff; box-shadow:0 20px 40px rgba(0,0,0,0.1);} .support_box .s_point .radiation .tips h6 {font-size:14px;font-weight:500;} .support_box .s_point .radiation .tips p {line-height:1.4; font-size:14px; margin:5px 0 0;} .support_box .s_point .radiation img {width:100%;} /*涟漪动画*/ @-webkit-keyframes warn{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } .area-box {position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-33px; opacity:0.5;} .area-box .pulse{position:absolute; height:66px;width:66px; border:1px solid #009FAB; border-radius:100%; -webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;} .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .area-box .delay-02{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s} .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s} .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s} .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s} .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s} .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s} .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s} .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s} /***** 工作机会 *****/ #career {} #career .temp_banner {background:#000000 url("images/temp-banner-14.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #career .career-group {} /**/ .career-type {} .career-type ul { margin:20px auto;} .career-type ul li {float:left; width:33.333333%; text-align:center; color:#ffffff;} .career-type ul li a { display:block; padding:40px 0; margin-right:20px; color:#ffffff; background:#f8f8f8;} .career-type ul li a:before { position:absolute; left:0; top:0; content:""; width:100%; height:220px; background:rgba(0, 0, 0, 0);} .career-type ul li a .inner {position:relative; display:block; transition:all 0.3s ease-out 0s;} /*hover*/ .career-type ul li a:hover .inner { z-index:2; -webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .career-type ul li span { margin:auto; display:block; width:64px; height:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .career-type ul li span em {display:none; color:#009FAB; font-size:72px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .career-type ul li p { margin-top:10px; line-height:1.6; font-size:18px; color:#333333;} /**/ #career .cg-1 {padding:150px 0; text-align:center; background:#f2f2f2;} #career .cg-1 h1 {font-size:72px; margin-bottom:20px;} #career .cg-1 h2 {font-size:32px; font-weight:normal; margin-bottom:60px;} #career .cg-1 h3 {font-size:22px; font-weight:normal; line-height:1.8; width:50%; margin:auto;} #career .tg {margin-top:50px;} #career .tg h2 { margin:0; font-size:120px; color:#00b1ad; font-weight:bold;} #career .tg h2 span { position:relative; } #career .tg h2 span b {} #career .tg h2 span em {position:absolute; right:-30px; top:-30px; font-size:32px; font-style:normal;} #career .tg h3 {font-size:44px; font-weight:bold;} #career .tg .line {position:relative; margin:40px auto; width:60%; height:40px; border-bottom:1px solid #333333;} #career .tg .line .vline { position:absolute; left:50%; bottom:0; width:1px; height:40px; background:#333333;} #career .tg .text { width:60%; margin:auto; overflow:hidden;} #career .tg .text h2 {font-size:72px; color:#333333;} #career .tg .text p {font-size:24px;} #career .tg .text .l {float:left; width:50%;} #career .tg .text .l p {} #career .tg .text .r {float:left; width:50%;} #career .tg .text .r p {} /**/ #career .cg-2 { padding:100px 0; text-align:center;} #career .cg-2 h2 {font-size:44px;} #career .cg-2 ul { margin-top:100px; overflow:hidden;} #career .cg-2 ul li {float:left; width:50%; text-align:left;} #career .cg-2 ul li .inner {padding:0 80px 80px; text-align:center;} #career .cg-2 ul li h3 { margin-bottom:30px; font-size:32px; color:#00b1ad; font-weight:normal;} #career .cg-2 ul li p {font-size:18px;} /**/ #career .cg-3 {padding:150px 0; text-align:center; background:#f2f2f2;} #career .cg-3 h1 {font-size:44px; margin-bottom:10px;} #career .cg-3 p {font-size:22px;} #career .cg-3 ul {margin-top:40px;} #career .cg-3 ul li {float:left; width:25%;} #career .cg-3 ul li .inner {margin:20px 20px 0 0; padding:40px 20px; background:#ffffff;} #career .cg-3 ul li .img { margin:auto; width:60px; height:60px;} #career .cg-3 ul li img {} #career .cg-3 ul li p { margin-top:10px; font-size:18px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/} /**/ .sel-career .career-group img { display:block; margin:auto; width:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .sel-career .career-group .btn-area {margin-bottom:100px;} /***** 校园招聘 *****/ #campus {} #campus .temp_banner {background:#000000 url("images/temp-banner-8.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #campus .campus-group {font-size:16px; line-height:2.2;} /**/ #campus .cg-1 {padding:100px 0 50px; text-align:center;} #campus .cg-1 h1 {font-size:36px; margin-bottom:10px;} #campus .cg-1 p {font-size:22px;} #campus .cg-1 ul {margin-top:40px;} #campus .cg-1 ul li {float:left; padding:40px; width:33.333333%;} #campus .cg-1 ul li .img { margin:auto; width:140px; height:140px;} #campus .cg-1 ul li img {} #campus .cg-1 ul li p { margin-top:10px; font-size:16px;} /***** 社会招聘 *****/ #social {} #social .temp_banner {background:#000000 url("images/temp-banner-9.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #social .social-group {} /**/ .filter { display:none; padding:60px 0 0;} .filter .condition {margin-bottom:5px; font-size:16px;} .filter .condition span {display:block; float:left; padding:5px 0;} .filter .condition .inner {float:left;} .filter .condition .inner ul {float:none; margin-bottom:10px;} .filter .condition ul {float:left;} .filter .condition ul li {float:left;} .filter .condition ul li.sub {position:relative;} .filter .condition ul li .submenu {position:absolute;} .filter .condition ul li .submenu li {float:left;} .filter .condition ul li a {display:inline-block; padding:5px 10px;} .filter .condition ul li a.on {color:#ffffff; background:#009FAB;} /**/ .career-table {margin:40px 0;} .career-table th {} .career-table .col-1 {width:30%;} .career-table .col-2 {width:20%;} .career-table .col-3 {width:10%;} .career-table .col-4 {width:20%;} .career-table .col-5 {width:20%;} .career-table td {} /***** 人在开立 *****/ #environment {} #environment .temp_banner {background-color:#009FAB;} #environment .temp_main {padding-top:80px;} #environment .news_list {float:none; width:100%; border:none;} /***** 投资者关系 *****/ #investor {} #investor .temp_banner {background:#000000 url("images/temp-banner-10.jpg") no-repeat scroll center center / 100% auto; background-size:cover; /*针对IE8的hack，目的是除掉之前background*/ background: none\9; /*下一行为关键设置，图片的路径url和src必须一样，同时路径都必须是绝对路径，全路径，才可以，否则会出错*/ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/temp-banner-10.jpg', sizingMethod='scale'); } #investor .temp_main {padding:80px 0 0;} .investor-box { margin:auto; width:1240px; overflow:hidden;} /**/ .side-anchor { width:240px; position:relative;} .side-anchor .row {padding-right:0;} .side-anchor .sa {} .cover-layer { position:absolute; top:0; right:-1px; width:200px; height:50px; border-right:4px solid #009FAB;} .side-anchor ul {overflow:hidden;} .side-anchor ul li {border-bottom:1px solid #f2f2f2;} .side-anchor ul li a {display:block; width:100%; height:49px; line-height:49px; font-size:16px; text-align:right; padding-right:25px; color:#1e1e1e;} .side-anchor ul li a:hover { color:#009FAB;} .side-anchor ul li a.on {color:#009FAB;} .target-fix {position:fixed; top:90px;} .target-fix-2 {top:auto; bottom:372px;} /**/ .article-content {width:1000px; border-left:1px solid #f2f2f2;} .article-content .info-list {margin-left:60px;} /**/ .info-item {margin-bottom:60px; padding-bottom:30px; border-bottom:1px solid #f2f2f2;} .info-title h2 {font-size:22px; margin-bottom:20px; color:#009FAB;} .info-con {font-size:16px;} .info-con p {margin-bottom:20px;} .info-con p.bold {} .info-con a {color:#009FAB;} .info-con p .investor-tree {width:50%; margin:auto;} .info-con .note {font-size:12px; color:#b2b2b2;} .info-con .table-list {margin-bottom:40px;} #investor .anchor {top:-90px;} /* A */ /**/ table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:10px;} table .even {background:#f2f8fc;} table .odd {background:#ffffff;} table th { padding:12px 20px; text-align:left; font-size:14px; color:#4d4d4d; border-bottom:1px solid #f2f2f2; background:#ffffff;} table td {padding:12px 20px; font-size:14px; text-align:left;} /**/ .A-table-1 {} /*.A-table-1 .col-1 {width:10%;}*/ .A-table-1 .col-2 {width:40%;} .A-table-1 .col-3 {width:30%;} .A-table-1 .col-4 {width:30%;} /**/ .A-table-2 {} .A-table-2 .col-1 {width:25%;} .A-table-2 .col-2 {width:20%;} .A-table-2 .col-3 {width:40%;} .A-table-2 .col-4 {width:15%;} /**/ .A-table-3 {} .A-table-3 .col-1 {width:40%;} .A-table-3 .col-2 {width:30%;} .A-table-3 .col-3 {width:30%;} /**/ .A-table-4 {} .A-table-4 .col-1 {width:30%;} .A-table-4 .col-2 {width:20%;} .A-table-4 .col-3 {width:30%;} .A-table-4 .col-4 {width:20%;} /**/ .A-table-5 {} .A-table-5 .col-1 {width:40%;} .A-table-5 .col-2 {width:30%;} .A-table-5 .col-3 {width:30%;} /* B */ /**/ .B-table-1 {} .B-table-1 .col-1 {width:35%;} .B-table-1 .col-2 {width:25%;} .B-table-1 .col-3 {width:25%;} .B-table-1 .col-4 {width:15%;} /**/ .B-table-2 {} .B-table-2 .col-1 {width:35%;} .B-table-2 .col-2 {width:25%;} .B-table-2 .col-3 {width:25%;} .B-table-2 .col-4 {width:15%;} /**/ .B-table-3 {} .B-table-3 .col-1 {width:15%;} .B-table-3 .col-2 {width:40%;} .B-table-3 .col-3 {width:15%;} .B-table-3 .col-4 {width:15%;} .B-table-3 .col-5 {width:15%;} /* C */ img.realstock {width:50%; margin-bottom:80px;} /* D */ /**/ .D{} .D-table-1 {} .D-table-1 .col-1 {width:25%;} .D-table-1 .col-2 {width:25%;} .D-table-1 .col-3 {width:25%;} .D-table-1 .col-4 {width:50%;} .D-table-2 a {color:#4d4d4d;} .D-table-2 a:hover {color:#009FAB;} /**/ .D-table-2 {} .D-table-2 .col-1 {width:80%;} .D-table-2 .col-2 {width:20%;} /* E */ /**/ .E{} .E-table-1 {} .E-table-1 .col-1 {width:80%;} .E-table-1 .col-2 {width:20%;} .E-table-1 a {color:#4d4d4d;} .E-table-1 a:hover {color:#009FAB;} /* F */ /**/ .F{} .notice {} .notice ul {} .notice ul li { margin-bottom:20px; overflow:hidden;} .notice ul li a {float:left; width:90%; font-size:16px; color:#333333;} .notice ul li a:hover {color:#009FAB;} .notice ul li span {float:right; width:10%; text-align:right; font-size:14px; color:#b2b2b2; line-height:1.5;} /* G */ /**/ .G{} /* H */ /**/ .H{} .H-table-1 {} .H-table-1 .col-1 {width:20%;} .H-table-1 .col-2 {width:80%;} /* I */ /**/ .I{} /* J */ /**/ .J{} /* K */ /**/ .K{} /* L */ /**/ .L{border:none; padding-bottom:0;} /***** 登录、注册 *****/ .sel-login {} /**/ .sel-login .navigation {background:none;} .sel-login .navigation .logo {color:#ffffff;} .sel-login .menu li a {color:#ffffff;} .sel-login .menu li .nav_submenu li a {color:#333333;} /**/ .sel-login .temp_banner {margin:0; height:200px; background:#000000 url("images/temp-banner-13.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .sel-login .temp_banner::before {height:200px;} /**/ .sel-login .form { position:relative; margin:-175px auto 0; padding:40px; width:500px; background:#ffffff; box-shadow:0 20px 40px #f2f2f2;} .sel-login .form h1 {text-align:center; font-size:22px; margin-bottom:30px;} /**/ .sel-login .temp_main {padding-top:80px;} /**/ .sel-login .copyright {border:none;} /***** 首页技术点 *****/ .tech-point-box {padding:90px 0 0;} /* normal */ .tech-point-box .topic img {display:block;} /**/ .tech-point-box .topic_text { position:relative; z-index:3; text-align:center; color:#ffffff;} .tech-point-box .topic_text h1 {font-size:72px;} .tech-point-box .topic_text h2 {margin:10px 0 10px 0; font-size:32px;} .tech-point-box .topic_text p {font-size:22px; line-height:2; width:70%; margin:40px auto 0;} /**/ .tech-point-box .list_text { padding:100px 0px; text-align:center;} .tech-point-box .list_text h2 {margin:0 0 30px 0; font-size:44px;} .tech-point-box .list_text p {font-size:22px; line-height:2; width:70%; margin:auto;} /**/ .tech-point-box .list {} .tech-point-box .list ul {text-align:center; width:70%; margin:auto;} .tech-point-box .list ul li {margin-bottom:100px;} .tech-point-box .list ul li:last-child {margin:0;} .tech-point-box .list ul li h2 {font-size:32px; margin-bottom:30px;} .tech-point-box .list ul li img {display:block; width:100%;} .tech-point-box .list ul li p { margin-top:20px; font-size:22px; color:#4d4d4d; text-align:left;} /**/ .tech-point-box .text {} .tech-point-box .text h2 {font-size:24px; margin:60px 0 20px;} .tech-point-box .text p {font-size:18px;} .tech-point-box .text ul {margin-top:80px;} .tech-point-box .text ul li { float:left; width:33.333333%; margin-bottom:40px;} .tech-point-box .text ul li .inner { padding-right:20px; overflow:hidden;} .tech-point-box .text ul li img {} .tech-point-box .text ul li h4 {margin:20px 0 10px;} .tech-point-box .text ul li p {font-size:14px;} /* .stp-1 */ .stp-1 .topic { padding:5% 5% 0 0; background:#000022;} .stp-1 .topic_text { padding:0 0 100px; background:#000022;} .stp-1 .col {} .stp-1 .col .tp {padding:100px 0;} .stp-1 .col .tp p {font-size:22px; width:60%; margin:auto; text-align:center;} .stp-1 .col .tp2 { text-align:center; color:#ffffff; background:#000022;} .stp-1 .col .tp2 h2 {font-size:44px;} .stp-1 .col .tp2 ul {margin:80px auto 0; width:80%; overflow:hidden;} .stp-1 .col .tp2 ul li {float:left; width:33.333333%;} .stp-1 .col .tp2 ul li p {opacity:0.8; line-height:1;} .stp-1 .col .tp2 ul li span {font-size:22px; opacity:0.8;} .stp-1 .col .tp2 ul li h4 { margin-top:20px; font-size:72px;} .stp-1 .col .tp2 ul li h4 span {padding:0 10px; font-size:22px; opacity:1;} .stp-1 .col .tp3 {border-bottom:1px solid #f2f2f2;} /* .stp-2 */ .stp-2 {} /**/ .stp-2 .tpd-1 {padding:150px 0; color:#ffffff; text-align:center; background:#000000;} .stp-2 .tpd-1 .row {} .stp-2 .tpd-1 .swrap {} .stp-2 .tpd-1 .text {} .stp-2 .tpd-1 .text h1 {font-size:72px; margin-bottom:40px;} .stp-2 .tpd-1 .text p {font-size:22px;} .stp-2 .tpd-1 .img {margin-top:60px;} .stp-2 .tpd-1 .img img {} /*con公共*/ .stp-2 .con {padding:150px 0;} .stp-2 .con .text {text-align:center;} .stp-2 .con .text .sh {display:flex; justify-content:center; align-items:center;} .stp-2 .con .text .shl {width:130px;} .stp-2 .con .text .shr {text-align:left; padding-left:30px;} .stp-2 .con .text .shr h2 {font-size:44px; line-height:1.2; margin:0;} .stp-2 .con .text .shr p {font-size:18px;} .stp-2 .con .text p.desc { margin-top:40px; padding:0 5%; font-size:22px;} .stp-2 .con .img { margin:50px auto 0; text-align:center;} .stp-2 .con .img .t {margin-bottom:60px;} .stp-2 .con .img .t ul {padding:0 11%;} .stp-2 .con .img .t ul li {float:left; width:23.333333%; padding:0 4%;} .stp-2 .con .img .t ul li span { display:block; font-size:14px; color:#4d4d4d; line-height:1.2;} .stp-2 .con .img .t ul li img { margin-bottom:10px; border:1px solid #8d8d8d; border-radius:15px;} .stp-2 .con .img .t ul li:nth-child(2) , .stp-2 .con .img .t ul li:nth-child(4) {width:15%; padding:6% 2% 0;} .stp-2 .con .img .t ul li:nth-child(2) img , .stp-2 .con .img .t ul li:nth-child(4) img {border:none; border-radius:0;} .stp-2 .con .img .tf ul li { width:42.5%;} .stp-2 .con .img .tf ul li span {} .stp-2 .con .img .tf ul li img {border:none; border-radius:0; margin-bottom:20px;} .stp-2 .con .img .tf ul li:nth-child(2) {padding:13% 2% 0;} /**/ .stp-2 .con .img .b {} .stp-2 .con .img .b ul {padding:0 5%;} .stp-2 .con .img .b ul li {float:left; width:33.333333%; padding:0 4%;} .stp-2 .con .img .b ul li img {margin-bottom:10px;} .stp-2 .con .img .b ul li span {} .stp-2 .con .img .b ul li img:nth-child(1) {width:40%; margin:0 auto 10px;} .stp-2 .con .img .b ul li img:nth-child(4) {margin-top:30px;} .stp-2 .tpd-3 {padding:0 0 80px;} /* .stp-3 */ .stp-3 .tech-point-box .topic { position:relative; padding:300px 0; background:#000000 url("../images/tech-3-topic.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .stp-3 .tech-point-box .topic .mask {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0);} .stp-3 .topic h1 {font-size:72px; color:#FFFFFF;} /* .stp-4 */ .stp-4 .topic_text { padding:100px 0 0; background:#000000;} .stp-4 .topic { padding:100px 0 150px; background:#000000;} .stp-4 .topic img {width:70%; margin:auto;} /***** 联系我们 *****/ #contact {} #contact .navigation {border-bottom:1px solid #f2f2f2;} #contact .copyright {border-top:1px solid #f2f2f2;} .contact-box {padding:200px 0 110px; width:60%; margin:auto;} .contact-box h2 {font-size:28px;} /*总部*/ .zb {margin-bottom:100px;} .zb .inner {display:flex; flex-wrap:wrap; justify-content:space-between;} .zb .cell {margin-top:40px;} .zb p {} /*监察举报*/ .jb {margin-bottom:100px;} .jb .col {margin-top:40px;} .jb p {font-size:16px; margin-bottom:10px;} .jb ul {} .jb ul li {line-height:1.8; font-weight:bold;} .jb ul li span {} .jb ul li a {} .jb ul li .l {} .jb ul li .r {} /*办事处*/ .bsc {} .bsc ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:10px -30px -30px;} .bsc ul li {width:50%; padding:30px;} .bsc ul li h3 {margin-bottom:20px; font-size:18px;} .bsc ul li p {} /***** 使用条款 *****/ #terms {} #terms .navigation {border-bottom:1px solid #f2f2f2;} #terms .copyright {border-top:1px solid #f2f2f2;} .terms-box {padding:160px 0 70px; width:60%; margin:auto;} .terms-box h1 {text-align:center; font-size:32px;} .terms-box .col {margin:40px 0;} .terms-box h2 {font-size:22px; margin-bottom:20px;} .terms-box p {font-size:16px; margin-bottom:10px;} /***** sel-product-veterinary *****/ .sel-product-veterinary .spv{height:500px;} .sel-product-veterinary .anchor-list {display:none!important;} .sel-product-veterinary .p-group {padding:0;} .sel-product-veterinary .p-group h2 {padding:40px 0; font-size:44px; text-align:center; background:#FFFFFF;} .sel-product-veterinary .pg-inner {padding:40px 0;} .sel-product-veterinary .spv .swiper-slide {cursor:move;cursor:grab;background-color:#009FAB; background-attachment:scroll; background-position:center center; background-size:cover; overflow:hidden;} .sel-product-veterinary .spv .swiper-slide .text { position:absolute; z-index:3; right:5%; top:50%; transform:translateY(-50%); width:40%; margin-right:20px; padding:0 40px; color:#ffffff; opacity:0;} .sel-product-veterinary .spv .swiper-slide .text h1 { font-size:72px;} .sel-product-veterinary .spv .swiper-slide .text p { display:none; margin:0; font-size:32px; line-height:1;} .sel-product-veterinary .spv .swiper-slide .ma {display:none;} .sel-product-veterinary .spv .swiper-slide .btn-area {display:none;} .sel-product-veterinary .spv .swiper-slide .btn-area a { background:url("images/transition_btn_bg.png"); background-repeat:repeat-x; opacity:0.8; transition:all 0.3s ease-out 0s;} .sel-product-veterinary .spv .swiper-slide .btn-area a:hover { color:#ffffff; opacity:1;} .sel-product-veterinary .spv .swiper-slide .btn-area a:hover::before {display:none;} .sel-product-veterinary .spv .swiper-slide .mask {width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:#000000; opacity:0;} .sel-product-veterinary .spv .swiper-slide-active .text { opacity:1; margin-right:0; -webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */} .sel-product-veterinary .spv .swiper-pagination-bullet {background:#FFFFFF;} .sel-product-veterinary .use_case {padding:100px 0 60px; border-bottom:1px solid #F2F2F2; text-align:center;} .sel-product-veterinary .use_case .inner {} .sel-product-veterinary .use_case h2 {font-size:44px; margin:auto;} .sel-product-veterinary .use_case h2 span {display:block;} .sel-product-veterinary .use_case ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px -10px -10px;} .sel-product-veterinary .use_case ul li {width:20%; padding:10px;} .sel-product-veterinary .use_case ul li img {display:block; margin-bottom:10px;} .sel-product-veterinary .use_case ul li p {font-size:18px;} .sel-product-veterinary .vlt_wrap {padding:0 0 30px; background:#FFFFFF;} .sel-product-veterinary .v_list_tab {} .sel-product-veterinary .v_list_tab .swiper-wrapper {justify-content:center;} .sel-product-veterinary .v_list_tab .swiper-slide {background:#f8f8f8; transition:all 0.3s ease-out 0s;} .sel-product-veterinary .v_list_tab .swiper-slide:hover {color:#ffffff; background:#009FAB;} .sel-product-veterinary .v_list_tab .swiper-slide.on {color:#ffffff; background:#009FAB;} .sel-product-veterinary .v_list_tab .swiper-slide .t_list {display:flex;} .sel-product-veterinary .v_list_tab .swiper-slide .text {} .sel-product-veterinary .v_list_tab .swiper-slide .text span {display:block; padding:0 20px; cursor:pointer; text-align:center; width:auto; height:44px; line-height:44px; font-size:16px; overflow:hidden;} .sel-product-veterinary .v_list_tab_wrap {display:none;}